Selecting only first-level elements in jquery

Question

How can I select the link elements of only the parent

from a list like this?

Link         


        

Answer 1

I had some trouble with nested classes from any depth so I figured this out. It will select only the first level it encounters of a containing Jquery Object:

var $elementsAll = $("#container").find(".fooClass");4

var $levelOneElements = $elementsAll.not($elementsAll.children().find($elementsAll));

$levelOneElements.css({"color":"red"})

Container
  

    

      Level One
      

        

             Level Two
        
      
    
    

      Level One
      

        

             Level Two