2011-01-11 10 views
25

選択した要素の子番号を取得するにはどうすればよいですか?このような兄弟間の要素番号/インデックスの取得方法

<ul> 
    <li>First child</li> 
    <li>Second</li> 
    <li id="selected">Third child</li> 
    <li>Fourth child</li> 
</ul> 

使用して何か:

$('#selected').childNumber(); 

それのために "3" を返す必要があります子数に関する、親ラップです。

答えて

53

これには.index()を使用できます。

var selectedIndex = $("#selected").index() + 1; 

liのidを指定したので、ulの要素セレクタは必要ありません。 li要素のidセレクタを直接使用することができます。

+0

シンプルで効果的です。 :) – MacMac

+2

検索速度を向上させるためにタイプセレクタを使用することを常に優先すると、$( "li#selected")は$( "#selected")より速くなるはずです。 – longstaff

+16

@shortstickでは、より高速なネイティブ関数getElementByIDを使用するid-selectors( '#')ではありません。 – HerrSerker

関連する問題