How to remove all li elements inside an ul except the first and the last elements using jQuery?

Question

I have a

element. How can remove all the
• elements inside it, except for the first and the last, using jQuery?

Answer 1

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

$('ul li:not(:first-child):not(:last-child)').remove();

Or using a specific id:

$('#yourul li:not(:first-child):not(:last-child)').remove();

If you have a jQuery object with your ul in it:

$(yourul).find('li:not(:first-child):not(:last-child)').remove();