jQuery選擇和sibblings

Question

比方說，我有以下設置：

<div> 
<div class="pr-selec">some text</div> 
... 
</div> 


<div> 
<div class="pr-selec">some text</div> 
<div class="new-class">other text</div> 
... 
</div> 

使用jQuery，我怎麼可以只選擇沒有sibbiling .new-class DIV的.pr-selec的div類？

我是想這樣的事情：

jQuery(".pr-selec").not().sibblings("new-class").each({ 
      //stuff 
     }); 

但並沒有這樣做。

Answer 1

您使用filter更好：

jQuery(".pr-selec").filter(function(){ 
    return !$(this).siblings('.new-class').length; 
}).each(...) 

Answer 2

嘗試.not()與:has-selector和next-sibling selector

$('.pr-selec').not(':has(~ .new-class)').css('color', 'red') 

演示：Fiddle

注：如果new-class元素不是這樣可不行下一個兄弟姐妹（前一個）：Fiddle