jquery的index用法

九木旭

于 2015-11-01 15:47:05 发布

阅读量512

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/xdprintf/article/details/49558931

javascript 专栏收录该内容

63 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的点击事件案例，当点击指定元素时会弹窗显示该元素在其同级元素中的索引位置。通过两种不同的索引方法展示了如何获取元素的位置信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="list">
    <span></span>
    <div></div>
    <span></span>
    <span>11111111111</span>
    <div></div>
    <span></span>
    <span></span>
    <span></span>
    <div></div>
</div>
<script>
    $(".list span").click(function() {
        alert($(this).index());
        alert($(".list span").index(this));
    })
</script>

运行结果 2,3

$(this).index() 这个是根据当前同级而言来进行索引，

$(“.list span”).index(this) 是根据符合左侧选择器要求的筛选出来后，进行索引

来自Flc总结