JQuery получить тег в теге с селекторами

Question

У меня есть следующий HTML-код:

<div id="test">
    <nav>
        <ul>
            <li>One</li>
            <li>Two</li>
        </ul>
        <ul>
            <li>One</li>
            <li>Two</li>
        </ul>
        <ul>
            <li>One</li>
            <li>Two</li>
        </ul>
    </nav>
</div>

Я хочу добавить li в конец первого ul.

Я уверен, что я видел где-то что-то вроде $("test:nav:ul"), но я не могу найти какую-либо помощь по поводу чего-то подобного, не могли бы вы, ребята, помочь мне?

Answer 1

Используйте это:

$('#test ul:first').append('<li>anything inside li</li>');

или, если производительность имеет значение, используйте:

$('#test ul').filter(':first').append('<li>something here</li>');

или вы также можете использовать:

$('#test ul').first().append('<li>something here</li');

даже вы можете вернуться назад:

$('<li>something</li>').appendTo('#test ul:first');

Answer 2

$("#test ul:first").append("<li></li>");

:first выбирает первый соответствующий элемент, в данном случае первый ul.

Answer 3

Вы ищете селектор потомков: $('#test nav ul:first')

Answer 4

$("#test nav ul:first").append('<li>Three</li>');

Если вы используете IE <= 8, используйте следующее: </p>

$("#test ul:first").append('<li>Three</li>');

# означает ID=.Пробелы между терминами означают «потомок».И :first получает 1-й элемент из набора (UL в данном случае).Поскольку UL являются потомками #test селектора, nav на самом деле не нужен.

Answer 5

Вы можете получить что-то вроде этого,

$('ul').first()

o просто добавьте идентификатор к ul и получите его по id с помощью

$('#id')