javascript - 关于jquery的index()方法获取下标的问题
本文介绍了javascript - 关于jquery的index()方法获取下标的问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<input type="text" name="" id="" value="" />
<input type="button" name="" id="" value="" class="a"/>
<input type="button" name="" id="" value="" class="a"/>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
console.log($(".a").length) // 长度为2
$(".a").click(function(){
console.log($(this).index()); //下标从1开始
})
})
</script>
如以上代码,获取到的元素长度是2,但是在单击事件中,使用index()获取元素下标却是从1开始的.搜索所有文档都没有找到关于这个事情的说明,实在纠结
下标不应该从当前获取到的这一组元素中,从零开始到一吗
解决方案
如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。
参考JQuery中文API
<input type="text" name="" id="" value="" />
<input type="text" name="" id="" value="" />
<input type="button" name="" id="" value="" class="a"/>
<input type="button" name="" id="" value="" class="a"/>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
console.log($(".a").length) // 长度为2
$(".a").click(function(){
console.log($(this).index()); //下标从2开始
})
})
</script>
如果再加一个input标签,那么依次点击会是2,3
这篇关于javascript - 关于jquery的index()方法获取下标的问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文