当前位置 : 主页 > 网页制作 > JQuery >

jquery – 如何获取相对于父级的子div号

来源:互联网 收集:自由互联 发布时间:2021-06-15
div class="parent" div class="child"1/div div class="child"2/div div class="child"3/div div class="child"4/div div class="child"5/div div class="child"6/div/div $(".child").click(function() { //var pos = how to get the position # from relat
<div class="parent">
    <div class="child">1</div>
    <div class="child">2</div>
    <div class="child">3</div>
    <div class="child">4</div>
    <div class="child">5</div>
    <div class="child">6</div>
</div>
$(".child").click(function() {
    //var pos = how to get the position # from relative to the .parent?
});

例如:如果我单击包含4的div,它应该返回3.如果我单击显示1的div,它应该返回0.

使用index()方法:

$(".child").click(function() {
    var pos = $(this).index();
});

Working fiddle

请注意,您还可以为index()提供一个选择器来指定用于查找索引的集合,但由于所有.child元素在这种情况下都具有相同的容器,因此不需要.

网友评论