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

關于jquery里用each()實現切換效果的問題

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

Ewall_

2015-05-27

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

關注問題我要回答

1921

操作

收起

2 回答

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

$("ul") 是獲取所有ul標簽得到的是個數組而不是對應p標簽下的ul

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

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

1 回復有任何疑惑可以回復我~

收起回答

Ewall_ 提問者

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

2015-05-27 回復有任何疑惑可以回復我~

不斷滴自我催眠回復 Ewall_ 提問者

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

2015-05-28 回復有任何疑惑可以回復我~

不斷滴自我催眠
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 回復有任何疑惑可以回復我~

收起回答