1

以下の例のドキュメントに関連する 3 番目のリスト項目への正確な DOM パスを取得するにはどうすればよいですか?

<body>
    <ul>
        <li>Content</li>
        <li>Content</li>
        <li>Content</li>
        <li>Content</li>
        <li>Content</li>
    </ul>
</body>

問題のリスト項目に、他のリスト項目と区別するような固有のものがない状態で、これを行うにはどうすればよいでしょうか。さらに、これはクリック イベントで動的に取得する必要があるため、それ以外の場合は 2 番目のリスト項目または 4 番目などになる可能性があります。

私のオプションは何ですか？ご協力ありがとうございます。

4

4 に答える 4

2

あなたが使用することができますeq()：

   var $elem = $('ul:eq(0)').find('li:eq(2)');

index()次の方法を使用できます。

   $elem.click(function(){
      var ind = $(this).index();
   });

http://jsfiddle.net/s5XH2/

于 2012-05-16T00:42:07.023 に答える
1

このjqueryは3番目のLIを取得します。

$('ul li:nth-child(3)')

ここでそれをチェックしてください：http：//jsfiddle.net/VnRjq/

于 2012-05-16T00:42:23.333 に答える
1

.index()クリックした要素のインデックスを取得するために使用できます。

実際の例を参照してください - http://jsfiddle.net/Hxwkp/

于 2012-05-16T00:57:58.990 に答える
0 
$("body ul li:eq(2)").bind("click",function(){
    //
});
于 2012-05-16T00:42:44.490 に答える