                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /Tab選項卡切換效果

關(guān)于jquery里用each()實現(xiàn)切換效果的問題

怎么用each()實現(xiàn)for()循環(huán)里的選項開切換效果

Ewall_

2015-05-27

源自：Tab選項卡切換效果 1-5

關(guān)注問題我要回答

1896

操作

收起

2 回答

不斷滴自我催眠
2015-05-27

$("ul") 是獲取所有ul標(biāo)簽得到的是個數(shù)組而不是對應(yīng)p標(biāo)簽下的ul

給每個ul加id來標(biāo)識通過index判斷處理哪個
或者如下：

$(function?(){
????????$(".menu?p").each(function?(index){
????????????$(this).bind("click",function?(){//這里有問題
????????????????$($("ul")[index]).slideToggle("slow");
????????????})
????????})
????})

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

Ewall_ 提問者

首先感謝，然后能講下each()的用法嗎，就你的理解而言。。。

2015-05-27 回復(fù) 有任何疑惑可以回復(fù)我~

#2

不斷滴自我催眠回復(fù) Ewall_ 提問者

1.數(shù)組.each(回調(diào)方法); 2. $.each(數(shù)組,回調(diào)方法) 你可以看看源碼就知道他就是封裝了下循環(huán)，源碼里也是用for來實現(xiàn)的。循環(huán)數(shù)組里的每一個項，然后每項都調(diào)用回調(diào)行數(shù)（即上面的function (index){ $(this).bind("click",function (){//這里有問題 $($("ul")[index]).slideToggle("slow"); })）

2015-05-28 回復(fù) 有任何疑惑可以回復(fù)我~

不斷滴自我催眠
2015-05-28

//源碼如下
each:?function(?obj,?callback,?args?)?{
		var?value,
			i?=?0,
			length?=?obj.length,
			isArray?=?isArraylike(?obj?);

		if?(?args?)?{
			if?(?isArray?)?{
				for?(?;?i?<?length;?i++?)?{
					value?=?callback.apply(?obj[?i?],?args?);

					if?(?value?===?false?)?{
						break;
					}
				}
			}?else?{
				for?(?i?in?obj?)?{
					value?=?callback.apply(?obj[?i?],?args?);

					if?(?value?===?false?)?{
						break;
					}
				}
			}

		//?A?special,?fast,?case?for?the?most?common?use?of?each
		}?else?{
			if?(?isArray?)?{
				for?(?;?i?<?length;?i++?)?{
					value?=?callback.call(?obj[?i?],?i,?obj[?i?]?);

					if?(?value?===?false?)?{
						break;
					}
				}
			}?else?{
				for?(?i?in?obj?)?{
					value?=?callback.call(?obj[?i?],?i,?obj[?i?]?);

					if?(?value?===?false?)?{
						break;
					}
				}
			}
		}

		return?obj;
	},

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答