父类中的 jquery 索引

Question

我需要一种方法来找到一个子元素的索引号。

这是它的CSS

<div class="parent">
    <div class="son"></div>
    <div class="son"></div>
    <div class="son"></div>
    <div class="son"></div>
    <div class="son"></div>
</div>

<div class="parent">
    <div class="son"></div>
    <div class="son"></div>
    <div class="son"></div>
    <div class="son"></div>
    <div class="son"></div>
</div>

我的jquery代码是这样的

var number = $(".son").index(this);

当我使用这段代码时，它会将儿子作为一个整体来统计。例如，当我点击第二个父类中的第二个子元素时，它会给我一个 7 号变量。我希望子类总是从零开始计数。

Answer 1

试试这个:

$(this).parent().find('.son').index(this)

正如其他成员提到的:

$(this).index()

完成这项工作，因为没有参数的 index() 返回元素相对于其兄弟元素的位置。

文档:

If no argument is passed to the .index() method, the return value is an integer indicating the position of the first element within the jQuery object relative to its sibling elements.