Question

<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。

Answer 1

使用index()方法：

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

Working fiddle

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

Answer 2

您可以在此背景下使用.index(selector)，

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

DEMO

或者，如果您的元素排列与样本html一样简单，那么您只需使用

即可

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

没有选择器的

index()将根据其兄弟姐妹为您提供当前元素的索引。

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

2 个答案:

DEMO