使用jQuery來識別內容是否是唯一的，然後風格

Question

在一個完整的divs頁面上，我需要確定一個div的內容是否是唯一的，如果是這樣，應用樣式，可能會隱藏。

我的問題是，我需要檢查相同類的div列表，並檢查文本內容與另一個具有相同類的div列表;

例如，如果我有一個「選擇器」類的div我需要隱藏該div，如果其文本內容不在類別爲「fruits」的div列表中。

我試過jQuery獨特的，並過濾器，我無法關閉。

我有一個設置在小提琴上的例子來解釋這個問題，基於那個小提琴「我怎麼隱藏包含」櫻桃「的div基於沒有其他div包含」櫻桃「的事實？

http://jsfiddle.net/bloodygeese/jn0vLz1q/

<div class="picker"> 
Apple 
</div> 
<div class="picker"> 
Banana 
</div> 
<div class="picker"> 
Cherry 
</div> 


<div class="fruits"> 
Apple 
</div> 
<div class="fruits"> 
Banana 
</div> 
<div class="fruits"> 
Apple 
</div> 
<div class="fruits"> 
Banana 
</div> 

Answer 1

您可以通過使用.html()功能，這樣得到一個div的內容：

$(".left div").each(function(){ 
    var bool = true; 
    var selected = $(this); 
    $(".left div").not(selected).each(function(){ 
     if(selected.html() == $(this).html()){ 
      bool = false; 
      return false; 
     } 
    }); 
    if(bool == false){ 
     console.log(selected.html() + "not unique"); 
    }else{ 
     console.log(selected.html() + "unique"); 
    } 
}); 
$(".right div").each(function(){ 
    var bool = true; 
    var selected = $(this); 
    $(".right div").not(selected).each(function(){ 
     if(selected.html() == $(this).html()){ 
      bool = false; 
      return false; 
     } 
    }); 
    if(bool == false){ 
     console.log(selected.html() + "not unique"); 
    }else{ 
     console.log(selected.html() + "unique"); 
    } 
}); 

看看這個Fiddle ..