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.

You may like:  How to disable jQuery animations

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 *