jquery - jquery - 如何删除其他 div 类

Question

假设我有 5 个 div 类.content在一个 id 的 div 中命名#container。我想删除前 4 个，只留下最后一个。我想如何在 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()

usingslice()的优点是您可以通过使用(0, -2)作为范围轻松选择最后两个孩子。

Answer 2

您也可以使用适当的选择器。

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

意思.content是除了父母的最后一个孩子之外的每个div。

Answer 3

我相信这是最好的方法。

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