Question

假设我在一个id为.content的div中有5个名为#container的div类。我想删除前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()

使用slice()的优势在于，您可以使用(0, -2)作为范围轻松选择最后两个孩子。

Answer 2

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

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

表示除了父母的最后一个孩子之外的每个.content div。

Answer 3

我相信这是最好的方法。

$（ “内容：否（：最后子） ”）。removeClass（“ 内容”）;

jquery - 如何删除其他div类

3 个答案: