jquery - 如何使用jQuery删除除了第一个和最后一个元素之外的所有li元素？

Question

我有一个<ul>元素。如何<li>使用jQuery删除其中的所有元素，除了第一个和最后一个？

Answer 1

要从页面上的所有 ul-s 中删除既不是第一个也不是最后一个的 li-s：

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

或使用特定的 id：

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

如果您有一个带有 ul 的 jQuery 对象：

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

Answer 2

您是否尝试过选择所有列表元素，然后从列表中删除第一个和最后一个？

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

Answer 3

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

这将从列表中删除所有项目，除了/排除第一个和最后一个元素，

---

从任何列表中删除所有项目

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

Answer 4

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

Answer 5

这是一种使用方法slice

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

<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>