Make .appendTo()适用于First Element?

时间:2011-08-24 14:23:20

标签: javascript jquery appendto

我有这段代码:

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

感谢任何帮助。

3 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:3)

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

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

答案 2 :(得分:1)

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