jQuery从列表中选择一个项目？

我有一个菜单列表是这样的：jQuery从列表中选择一个项目？

<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>

当前选择的列表项有一类=“上”。我想要做的是在当前选中的列表之后找到列表中的下一个项目，并将其类别设置为“on”并触发它为“onclick”，并将当前项目设置为“off”。

任何帮助表示赞赏！

更新：

<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>

来源

2010-03-03 Jonathan

你可以这样做：

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

来源

2010-03-03 01:57:37

这是我喜欢的jQuery。 – 2010-03-03 01:59:37

我一整天都没有结果，你在30秒内回答了！真棒。谢谢尼克！我需要的唯一的调整是有2个div在他们的UL - “菜单”和“sub_menu”。我希望它影响“sub_menu”。现在它击中了“菜单”，可能是因为它是第一个div。 – Jonathan 2010-03-03 02:04:02

@Jonathan - 如果您使用该HTML更新您的问题，我会调整选择器的工作。 – 2010-03-03 02:12:56

jQuery从列表中选择一个项目？

回答

相关问题