Remove li elements of ul except first and last in jQuery

jQuery empty remove detach

Trying to remove all li elements inside a ul except first and last elements in jQuery? Here is the code to do this.

Suppose, you have a ul li list and you need to remove all the li elements inside it except first and last li.

So, to remove from all ul-s on the page the li-s that are neither the first nor the last:

Sample HTML:

<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
</ul>
$('ul li:not(:first):not(:last)').remove();

Or you can use with a specific id:

$('#YOURID li:not(:first):not(:last)').remove();

Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.

One thought on “Remove li elements of ul except first and last in jQuery”

Leave a Reply

Your email address will not be published. Required fields are marked *