javascript - 让 .appendTo() 应用于第一个元素？

Question

我有这个代码：

<ul id="hello">
    <li>.....</li>
    <li>.....</li>
    <li>.....</li>
    <li>.....</li>
    <li>.....</li>
    <li>.....</li>
</ul>

这个脚本：

$("<label>The First item</label>").appendTo($('ul#hello li'));

如何使 .appendTo() 函数仅适用于第一个列表项。

我已经尝试过，:first-child selector但它似乎不起作用。

任何帮助表示赞赏。

score 4 · Accepted Answer

4

$("<label>The First item</label>").appendTo($('#hello li:first'));

于 2011-08-24T14:23:50.447 回答

score 3 · Accepted Answer

$("<label>The First item</label>").appendTo($('#hello li').first());

注意：.first()应该比:first. 另请参阅：jQuery :first 与 .first()

score 1 · Accepted Answer

$('#hello li:first').append('<label>The First item</label>');

或者

$('#hello').find('li:first').append('<label>The First item</label>');

或者

$('<label>The First item</label>').appendTo($('#hello').find('li:first'));

3 回答 3