altering class of child elements.

Hi everyone,

I need a little help. I have some ajax that displays an image based on the url of a link. First let me show the html…

[CODE]<ul>
<li><a href=”/portfolio/graphic-design/corporate-identity/ar-marketing-andpr/im73″ title=”ar_01.jpg” onclick=”return folioNav(this);” onkeypress=”return folioNav(this);”><span>ar_01.jpg</span></a></li>
<li><a href=”/portfolio/graphic-design/corporate-identity/ar-marketing-andpr/im74″ title=”ar_02.jpg” onclick=”return folioNav(this);” onkeypress=”return folioNav(this);”><span>ar_02.jpg</span></a></li>
<li><a href=”/portfolio/graphic-design/corporate-identity/ar-marketing-andpr/im75″ title=”ar_03.jpg” onclick=”return folioNav(this);” onkeypress=”return folioNav(this);”><span>ar_03.jpg</span></a></li>
</ul>[/CODE]

now the javscript grabs the url sent and uses some ajax to detect the correct path to the image that is ‘disguised’url in the. That works fine.

What I need is to manipulate the classes of the li elements. SO when a link within that unordered list is clicked, I need to set all the li elements to have no class and then give the parent li of the link clicked a class of ‘live’.

I hope I explained that ok.

ANy help would be very much appreciated.

Also in #JavaScript _↴