通过相似的类名过滤条目并删除它们

Question

我想每个用户只显示一个条目，我所做的是将用户名添加到类中，所以发生的事情是:

 <div class="bla ronen"></div>
 <div class="bla ronen"></div>
 <div class="bla david"></div>
 <div class="bla david"></div>
 <div class="bla jhon"></div>
 <div class="bla jhon"></div>
 <div class="bla jhon"></div>
 <div class="bla jhon"></div>

我希望结果是

 <div class="bla ronen"></div>
 <div class="bla david"></div>
 <div class="bla john"></div>

我认为最好在这里使用jquery并隐藏任何不是同一类的第一个，但不确定如何做到这一点…

谢谢!

Answer 1

工作演示

使用这个代码片段，

.each()迭代每个<div>，当前类存储在temp中。如果下一个div的类与temp匹配，则删除它。

var temp = '';
$('div').each(function () {
    if (temp === $(this).attr('class')) {
        $(this).remove();
    } else {
        temp = $(this).attr('class');
    }
});

或者更简洁一点，

var temp = '';
$('div').each(function () {
    temp === $(this).attr('class') ? $(this).remove() : temp=$(this).attr('class');
});