javascript - 如何检查具有特定值的div是否重复，然后在jQuery中隐藏重复的div

Question

我无法检查具有特定值的 div 是否重复，然后隐藏该重复的 div。

这是我的代码：

<div class="div">Java</div>
<div class="div">Python</div>
<div class="div">Php</div>

<div class="div">Java</div>
<div class="div">Java</div>
<div class="div">Java</div>

标签： javascriptjqueryhtml

Answer 1

您需要遍历所有 div 类，然后检查当前 div 类是否已经存在，这将使用 div 类 html 内容进行检查。脚本是这样的：

var divs = [];
$(".div").each(function(i,v){
   if(divs.indexOf(v.html())>=0){
       divs.push(v.html()); //collect all unique divs
   }else{
      //this is the duplicate div. need to hide it.
      $(this).hide();
   }
});