我有这段代码:
<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
,但它似乎无效。
感谢任何帮助。
答案 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 强>