jQuery Selection -


<div class="menu"> <ul> <li><a href="#" target="_self" >acme inc.</a>     <ul>     <li><a href="#" target="_self">christa woods</a></li>     <li><a href="#" target="_self">charlotte freeman</a></li>     <li><a href="#" target="_self">jeffrey walton </a></li>     <li><a href="#" target="_self">ella hubbard</a></li>     <li><a href="#" target="_self">sean fletcher</a></li>     </ul> </li> <li><a href="#" target="_self" >widget corp.</a>     <ul>     <li><a href="#" target="_self">dylan mack</a></li>     <li><a href="#" target="_self">roseanne goodman</a></li>     <li><a href="#" target="_self">pedro rivera</a></li>     <li><a href="#" target="_self">marion cole</a></li>     </ul> </li> <li><a href="#" target="_self" >vendor llc</a>     <ul>     <li><a href="#" target="_self">hannah moon</a></li>     <li><a href="#" target="_self">eduardo vasquez</a></li>     </ul> </li> </ul> </div> 

how select "acme inc", "widget corp" , "vendor llc" links - without selecting sub li links. want stop header links doing default action.

use immediate child selector:

$('.menu > ul > li > a') 

alternatively, pointed out @regilero, .children() method same thing, , bit more clear does.


Comments