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忽略集合中的最后一个元素.

Answer 2

这样的事情:

?$('.className').not(':last')?.remove();?????????????

选择所有div .className,从选择中删除最后一个div ,删除div 的集合,你将保留最后一个.

演示:http://jsfiddle.net/j5728/