web-dev-qa-db-ja.com

アイテムのリストから特定のjQueryアイテムを取得するにはどうすればよいですか？

私はこれを持っています：

_<ul>
    <li>first</li>
    <li>second</li>
    <li>third</li>
    <li>fourth</li>
</ul>
_

次に、jQueryですべてを選択します：$('ul').find('li');または$('ul li');

これらの2つのjQueryセレクターから、たとえば2番目のliまたは3番目のみを取得し、1番目と4番目をそのままにしておくにはどうすればよいですか？

私はそれがうまくいくかもしれないと思った：

_$('myselector').get(indexNumber); // however, it won't work.
_

この問題について何かアイデアはありますか？ありがとう。

jquerycss-selectorsindexingsizzle
15
user798596

getメソッドはDOM要素を返すため、新しいjQueryオブジェクト内にラップする必要があります。

eqメソッドを使用できます。

var j = $('ul li').eq(1); // gets the second list item
22
Guffa

：eq（）セレクター を使用します。たとえば、2番目の要素の使用：

 $("ul li:eq(1)");
4
Andrius

私は試してみます：

$("ul li:nth-child(2)")
1
Manuel van Rijn

$（ 'li'）。get（0）はプレーンなDOM要素を返します。同じ上でjQueryメソッドを呼び出すことはできません。

1
Chetan

nth-childを使用できます

$("ul li:nth-child(2)") //this will select second child because it is 1 based index

ここにフィドルがあります http://jsfiddle.net/xyyWh/

0
Rafay