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從列表中選擇一個項目？

回答

相關問題