Select element unless it has an ancestor of a given class using just a selector

Question

Suppose I have the following HTML:

  

    
One
    
Two
  
         


        
      

Answer 1

You can do it using context along with selector as under,

$('li', $('div:not(.foo)'))

LIve Demo

$('li', $('div:not(.foo)')).each(function(){
    alert($(this).text());
});​