Как получить конкретный элемент jQuery из списка элементов?

У меня есть это:

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

Затем я выбираю все это с помощью jQuery: $('ul').find('li'); или $('ul li');

Как я могу, из этих двух селекторов jQuery получить, например, только второй li или третий, и оставить только первый и четвертый?

Я думал, что это может сработать с:

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

Любые идеи для этой проблемы? Спасибо.

Ответы

Ответ 1

Метод get возвращает элемент DOM, поэтому вам придется обернуть его внутри нового объекта jQuery.

Вы можете использовать метод eq:

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

Ответ 2

Используйте : eq() Селектор. Например, для использования второго элемента:

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

Ответ 3

Я бы попробовал:

$("ul li:nth-child(2)")

Ответ 4

$('li'). get (0) вернет простой элемент DOM. вы не можете вызвать методы jQuery на том же самом.

Ответ 5

вы можете использовать nth-child

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

вот скрипка http://jsfiddle.net/xyyWh/