jquery - jquery - 他の div クラスを削除する方法

Question

.contentid を持つ div 内に名前が付けられた 5 つの div クラスがあるとし#containerます。最初の 4 つを削除し、最後の 1 つだけを残します。jqueryでそれを行うにはどうすればよいですか？

<div id="container">
    <div class="content"> </div>
    <div class="content"> </div>
    <div class="content"> </div>
    <div class="content"> </div>
    <div class="content"> </div>
</div>

助けてください。

Answer 1

使用.slice:

$('#container').children('.content').slice(0, 4).remove()

またはでセレクターを使用する.children()：

​$('#container').children('.content:lt(4)').remove()​​​​​​​​​​​​​​

アップデート

最後の子以外をすべて削除するには:

$('#container').children('.content').slice(0, -1).remove()

を使用slice()すると、最後の 2 つの子を範囲として簡単に選択できるという利点が(0, -2)あります。

Answer 2

適切なセレクターも使用できます。

$(".content:not(:last-child)").remove();

.content親の最後の子である div を除くすべての div を意味します。

Answer 3

これが最善の方法だと思います。

$(".content:not(:last-child)").removeClass("content");