JQuery从有序列表中删除第一个项目

时间:2012-11-13 17:02:41

标签: javascript jquery

我有一个无序列表,我将数据前置如下:

jQuery("#mylist").prepend(newItem);  

当列表达到一定大小时,我需要删除在添加新列表之前插入的第一个项目。

如何根据ID的ID访问有序列表,以获取要移除的第一个项目。

类似的东西:

 jQuery("#mylist")[0].remove();

由于

3 个答案:

答案 0 :(得分:13)

由于你提到了有序列表,我假设#mylist里面包含li标签,因此这应该有效

jQuery("#mylist li:first-child").remove();

我看到你在前面,如果你想删除最后一个元素,那么

jQuery("#mylist li:last-child").remove();

答案 1 :(得分:2)

因为您正在执行.prepend(),所以插入的第一个项目将是列表中的最后一项,因此您可以执行此操作:

$("#mylist").children().last().remove();

答案 2 :(得分:0)

[0]与选择DOM元素的get(0)相同。 DOM没有.remove()。另外,您选择的是父元素,而不是子元素。

您可以使用eq(0)选择第一个

 jQuery("#mylist li").eq(0).remove();

还有其他jQuery选择器/方法,例如.first(),: first,:first-child