回调函数的index都有什么用-慕课网

首页课程实战体系课手记专栏慕课教程

回调函数的index都有什么用

来源：3-5 jQuery的属性与样式之删除样式.removeClass()

L_灵刃

2016-09-18 13:21

removeClass(function(index,className)

回调函数的参数className接受到该元素的类名"aa bb imoocClass"，参数类型为字符串。

index想了好久，这东西有什么用？

下去后测试了下，className随着索引对元素的类名进行相加。

    <h2>通过jQuery remove方法移除元素</h2>
    <div class="right">
	    <div class="test1">
	        <p>p元素1</p>
	        <p>p元素2</p>
	    </div>
	    <div class="test2">
	        <p>p元素3</p>
	        <p>p元素4</p>
	    </div>
	</div>
	<script type="text/javascript">
	$('.right > div').removeClass(function(index,className){
            console.log(index);
            console.log(className);
            $(this).next().addClass(className)
            return//不返回任何值
        })
	</script>

写回答关注

1回答

慕虎5387366: 2016-09-18 14:46:20

已采纳

index是代表之前用$('.right > div:first')查询得到的对象的索引号。这索引号从0开始，如果index为0说明这是得到的对象里的第一个，index为1，说明是查询到结果的第二个，以此类推。如果index只有0说明查询对象的结果只有一个。

$('.right > div:first').removeClass(function(index,className){
            console.log(index);
            console.log(className);
            //className = aa bb imoocClass
            //把div的className赋给下一个兄弟元素div上作为它的class
            $(this).next().addClass(className)
            //删除自己本身的imoocClass
            return 'imoocClass'
        })

换查询：

$('.right > div').removeClass(function(index,className){
            console.log(index);
            console.log(className);
            //className = aa bb imoocClass
            //把div的className赋给下一个兄弟元素div上作为它的class
            $(this).next().addClass(className)
            //删除自己本身的imoocClass
            return 'imoocClass'
        })