10

我有以下列表:

<ul id="list">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>    
</ul>

如何使用 jQuery 删除此列表的第一个元素(即数字 1)并保持其余元素不变?

我原以为这是一个非常简单的解决方案,但事实证明它比我预期的要难。

4

2 回答 2

24
$('#list li').first().remove();

jsFiddle 示例

参考:

您也可以使用纯 CSS3(无 JavaScript)实现类似的效果:

#list li:nth-child(1) {
    display:none;
}​
于 2012-09-02T00:17:57.743 回答
3
$("#list li:first-of-type").remove();
于 2012-09-02T00:20:26.037 回答