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

<强> Working Demo

使用此代码段，

.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');

});

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

1 个答案: