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，但它似乎无效。

感谢任何帮助。

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 vs. .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'));

<强> DEMO