jquery selector help

grahamor

Hi,

I have a menu like

<ul id="nav">
<li><a href="#">one</a><li>
<li><a href="#">two</a><li>
<li><a href="#">three</a><li>
<li><a href="#">four</a><li>
</ul>

I need to select the fourth a tag and add extra css to it

$("#nav > li:nth-child(4) > a").css("width:90px");

i think the > a part is causing issues because if i remove it the css gets added to the 4th li item.

Thanks for any help

Liam Byrne

grahamor wrote: »

Hi,

I have a menu like

<ul id="nav">
<li><a href="#">one</a><li>
<li><a href="#">two</a><li>
<li><a href="#">three</a><li>
<li><a href="#">four</a><li>
</ul>

I need to select the fourth a tag and add extra css to it

$("#nav > li:nth-child(4) > a").css("width:90px");

i think the > a part is causing issues because if i remove it the css gets added to the 4th li item.

Thanks for any help

Firstly, I can't see any reason for either ">"

Secondly, if removing the ">" works, why do you need help ?

Placebo

eh use

.find()

and then use .append for your forth tag

grahamor

it was just a syntax error

$("#primary-nav > li:nth-child(7) > a").css[B]({width:"90px"});[/B]

instead of

$("#primary-nav > li:nth-child(7) > a").css[B]("width:90px");[/B]

Thanks anyway