jquery的index用法

jQuery点击事件与索引

最新推荐文章于 2022-12-26 11:47:38 发布

原创最新推荐文章于 2022-12-26 11:47:38 发布 · 526 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

63 篇文章

订阅专栏

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

<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总结