5

1 つの子要素のインデックス番号を見つける方法が必要です。

ここにそれの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);

このコードを使用すると、息子全体がカウントされます。たとえば、2 番目の親クラスの 2 番目の子要素をクリックすると、var 番号 7 が表示されます。son クラスは常にゼロからカウントを開始したいと考えています。

4

2 に答える 2

11

これを試して：

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

他のメンバーが言及しているように：

$(this).index()

引数なしの index() は、その兄弟に対する相対的な要素の位置を返すため、仕事をします。

ドキュメンテーション：

引数が .index() メソッドに渡されない場合、戻り値は、兄弟要素に対する jQuery オブジェクト内の最初の要素の位置を示す整数です。

于 2012-10-30T20:26:36.157 に答える
2

これはそれを行う必要があります：

$(this).index()

ここで試してください：

http://jsfiddle.net/uKa7d/

于 2012-10-30T20:27:03.880 に答える