jQuery删除带有类名的重复div

前端之家收集整理的这篇文章主要介绍了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.f2er.com/jquery/177017.html

猜你在找的jQuery相关文章