使用jQuery删除第一个列表元素

时间:2012-09-02 00:16:28

标签: jquery

我有以下列表:

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

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

我认为这有一个非常简单的解决方案,但它证明比我预期的更难回答。

2 个答案:

答案 0 :(得分:19)

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

<强> jsFiddle example

价:

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

#list li:nth-child(1) {
    display:none;
}​

答案 1 :(得分:4)

$("#list li:first-of-type").remove();