jQuery 删除重复的 div 与类名

Question

所以基本上我的 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 并仅保留最后一个!有什么快速的想法吗？谢谢!

Answer 1

基于您提供的标记的快速想法。

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

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

_{但我会首先防止重复。}

编辑:这是使用filter和slice方法的另一种替代方法:

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

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