使 .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 选择器 但它似乎不起作用。

任何帮助表示赞赏。

Answer 1

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

Answer 2

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

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

Answer 3

$('#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'));

演示