Comment faire pour supprimer tous li éléments à l'intérieur d'un ul, sauf le premier et le dernier éléments à l'aide de jQuery?

À supprimer de toutes ul-s sur la page de la li-s qui ne sont ni le premier ni le dernier:

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

Ou à l'aide d'un id spécifique:

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

Si vous avez un objet jQuery avec votre ul en elle:

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

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

Cela permettra d'éliminer tous les éléments de la liste à l'Exception de/Exclure premier et le dernier élément,

---

Pour supprimer tous les éléments d'une liste

$('#yourulid li').remove();  //remove all li items from list named/id #yourulid

Voici un moyen de le faire à l'aide de slice

JS:

$("#removeAllButFirstAndLast").click(function() {
  $("#myUL").children().slice(1, -1).remove()
})

HTML:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id="myUL">
  <li>first</li>
  <li>second</li>
  <li>third</li>
  <li>fourth</li>
</ul>

<div id="removeAllButFirstAndLast">click to remove all but first and last</div>