父级中的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);

当我使用此代码时，它将计算整个儿子。例如，当我单击第二个父级中的第二个子元素时，它会给我一个var数字7。我希望儿子班级总是从零开始计数。

Answer 1

尝试以下：

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

正如其他成员所提及的：

$(this).index()

做这项工作，因为没有参数的index（）返回元素相对于其兄弟姐妹的位置。

文档：

如果没有参数传递给.index（）方法，则返回值是一个整数，指示第一个元素在jQuery对象中相对于其兄弟姐妹元素的位置。

Answer 2

这应该做到：

$(this).index()

在这里尝试：

http://jsfiddle.net/uka7d/