web-dev-qa-db-ja.com

jQueryを使用して最初と最後の要素を除くul内のすべてのli要素を削除するにはどうすればよいですか？

<ul>要素があります。 jQueryを使用して、最初と最後を除いて、その中のすべての<li>要素を削除するにはどうすればよいですか？

jqueryhtmlhtml-lists
45
Tanmoy

ページのすべての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();
107
Mario Menger

すべてのリスト要素を選択して、リストから最初と最後の要素を削除しようとしましたか？

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

これにより、リストからすべてのアイテムが削除されますExcept/Exclude最初と最後の要素、

リストからすべてのアイテムを削除するには

$('#yourulid li').remove();  //remove all li items from list named/id #yourulid
7
user602668
$("ul li:not(:first-child):not(:last-child)").remove();
2
cletus

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