Selector help

[Samuz]

Let's say I have markup along the lines of..

 

<ul>
<li>
<a href="">bla bla</a>
<ul>
<li><a href="">more bla bla></li>
<li><a href="">more bla bla></li>
</ul>
</li>
</ul>

 

And then I do something along the lines of..

 

$('ul li a').click(function() {
// stuff
});

 

How do I select only the primary link (<a href="">bla bla</a>) and ignore the nested links within (<a href="">more bla bla>)

[requinix]

I don't remember what it's actually called but use that one operator that selects only immediate children.

ul > li > a

[Samuz]

I don't remember what it's actually called but use that one operator that selects only immediate children.

ul > li > a

Thanks. Funnily enough I tried that earlier, seems I had to apply it to the container to make it work

[haku]

You can also use:

 

$("a:not(ul li a)")