Remove li elements of ul except first and last in jQuery

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();