jQuery删除带有类名的重复div

所以基本上我的div生成如下：

<div class="test className">content</div>
<div class="test className">content</div>
<div class="test className">content</div>
..
<div class="test className">content</div>

而我正在尝试删除重复的div并保留最后一个！任何快速的想法？谢谢！

解决方法

根据您提供的标记快速构思.

var $div = $('div.test.className:contains(content)');

if ($div.length > 1) {
   $div.not(':last').remove()
}

但我会在第一时间防止重复.

编辑：这是使用滤镜和切片方法的另一种选择：

$('.test.className').filter(function() {
    return this.textContent === 'content';
}).slice(0,-1).remove();

在上面的代码片段中,使用-1作为.slice方法的第二个参数,忽略该集合中的最后一个元素.

原文地址：https://www.jb51.cc/jquery/177017.html