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');     start .foo, find immediate children except have bar class, , revert .foo.