jQuery pour sélectionner un élément dans une liste?

Question

J'ai une chose liste de menu comme ceci:

<ul class="submenuList"> 
    <li><a onclick="loadItem('Blue%20Orchid%20Press')" id="Blue%20Orchid%20Press">class="on">Blue Orchid Press</a></li> 
    <li><a onclick="loadItem('Brilliant%20Telecommunications')" id="Brilliant%20Telecommunications" class="off">Brilliant Telecommunications</a></li> 
    <li><a onclick="loadItem('CBT%20Systems%201')" id="CBT%20Systems%201" class="off">CBT Systems 1</a></li> 
</ul> 

Un élément de la liste sélectionnée a une class = "on". Ce que je veux faire est de trouver l'élément suivant dans la liste après celui actuellement sélectionné, et mettre sa classe à "on" et déclencher c'est "onclick", et mettre le courant à "off".

Toute aide appréciée!

mise à jour:

<div id="menu"> 
    <div id="main_menu" style="display: block;"><ul><li><a onclick="loadSubMenu('f')" id="f" class="off">featured</a></li><li><a onclick="loadSubMenu('a')" id="a" class="off">advertising</a></li><li><a onclick="loadSubMenu('p')" id="p" class="on">print</a></li><li><a onclick="loadSubMenu('w')" id="w" class="off">web</a></li></ul></div> 
    <br clear="all"><hr><br clear="all"> 
    <div id="sub_menu" style="display: block;"><ul class="submenuList"><li><a onclick="loadItem('Blue%20Orchid%20Press')" id="Blue%20Orchid%20Press" class="on">Blue Orchid Press</a></li><li><a onclick="loadItem('Brilliant%20Telecommunications')" id="Brilliant%20Telecommunications" class="off">Brilliant Telecommunications</a></li><li><a onclick="loadItem('CBT%20Systems%201')" id="CBT%20Systems%201" class="off">CBT Systems 1</a></li><li><a onclick="loadItem('CBT%20Systems%202')" id="CBT%20Systems%202" class="off">CBT Systems 2</a></li></ul></div> 
    </div> 

Answer 1

Vous pouvez le faire:

$("#sub_menu .on").removeClass("on").addClass("off").parent("li") 
     .next().children("a").addClass("on").click();