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, как я могу выбрать только те классы .pr-selec Div, которые не имеют sibbiling .new-class 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