Jquery: selecting elements that do not only have children with the same class name? -


how make jquery selector selects elements class name "foo", except have children class name of "bar".

<!-- don't select --> <div class="foo">     <div class="bar"></div>     <div class="bar"></div>     <div class="bar"></div>     <div class="bar"></div>     <div class="bar"></div> </div>  <!-- don't select --> <div class="foo">     <div class="bar"><p>some text</p></div>     <div class="bar"></div>     <div class="bar"></div>     <div class="bar"><p>some text</p></div>     <div class="bar"></div> </div>   <!-- select --> <div class="foo">     <p>some text</p>     <div class="bar"></div>     <div class="bar"></div>     <div class="bar"></div>     <div class="bar"></div> </div>  <!-- select --> <div class="foo">     <p>some text</p> </div> 

something this?

$('.foo > :not(.bar)').closest('.foo'); 

demo

start .foo, find immediate children except have bar class, , revert .foo.


Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

c# - Attempting to upload to FTP: System.Net.WebException: System error -

ios - UISlider customization: how to properly add shadow to custom knob image -