                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /Tab选项卡切换效果

关于jquery里用each()实现切换效果的问题

怎么用each()实现for()循环里的选项开切换效果

Ewall_

2015-05-27

源自：Tab选项卡切换效果 1-5

关注问题我要回答

1815

操作

收起

3 回答

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

收起回答