javascript - JQuery remove first item from ordered list

I have an unordered list that I am prepending data to as follows:

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

When the list reaches a certain size I need to remove the first item that was inserted before adding the new one.

How would I get the first item to remove based on accessing the ordered list by it's id.

Something like:

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

Thanks

I have an unordered list that I am prepending data to as follows:

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

When the list reaches a certain size I need to remove the first item that was inserted before adding the new one.

How would I get the first item to remove based on accessing the ordered list by it's id.

Something like:

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

Thanks

Share Improve this question edited Nov 13, 2012 at 17:03 Robert Koritnik 105k56 gold badges284 silver badges413 bronze badges asked Nov 13, 2012 at 17:02 JIbber4568 8394 gold badges16 silver badges34 bronze badges

Add a ment |

3 Answers 3

Sorted by: Reset to default 13

Since you mentioned ordered list, im assuming #mylist contains li tags inside, thus this should work

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

I see you are prepending there, In case you want to remove the last element then

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

Because you're doing .prepend(), the first item inserted would be the last item in the list, so you'd do this:

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

The [0] is the same as get(0) which is selecting the DOM element. The DOM does not have .remove(). Plus you are selecting the parent element and not the children.

You can use eq(0) to select the first

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

there are other jQuery selectors/methods such as .first(), :first, :first-child

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - JQuery remove first item from ordered list - Stack Overflow

3 Answers 3

与本文相关的文章

评论列表(0)