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>

我想在第一个ul的底部添加一个li。

我确定我已经看到像$("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 nav ul:first')

Answer 3

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

:first选择第一个匹配的元素，在本例中为第一个ul。

Answer 4

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

如果您使用IE＆lt; = 8，请使用：

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

#表示ID=。这些术语之间的空格意味着“后代”。并且:first从集合中获取第一个元素（在这种情况下为UL）。由于UL是#test选择器的后代，因此不需要nav。

Answer 5

你可以用这样的东西得到它，

$('ul').first()

o只需在ul中添加一个id，然后通过id

获取它

$('#id')

jQuery使用选择器获取标签中的标签

5 个答案: