仿效與jquery切換按鈕和CSS

我有多個元素與這樣的同一類：仿效與jquery切換按鈕和CSS

<html> 
<head><title>example</title> 
<script type="text/javascript" src="jquery.js"> 
</head> 
<body> 
<ul> 
    <li class="togglebutton">elem1</li> 
    <li class="togglebutton">elem2</li> 
    <li class="togglebutton selected">elem3</li> 
    <li class="togglebutton">elem4</li> 
</ul> 
$(document).ready(function(){ 

}); 
</body> 
</html>

所選元件具有與其他元件不同的顏色。當用戶點擊ANOTHER元素時，我希望該元素具有選定的類 - 並且所有其他元素不應該具有選定的類。換句話說，任何時候只能選擇一個元素。

我想我已經制定了邏輯，但我不知道如何使用jQuery來實現它。

基本上我的做法是：

（當一個項目被選中）：

使用選擇選擇所有項目爲「ul> li.togglebutton」所有 '選擇'
刪除類在「選擇」到被點擊，當前元件步驟1
加載類中取出的物品。

這個邏輯是否正確，還是有更好的方法去實現它？

另外，我怎麼能實現上述邏輯（假設沒有更好的選擇），使用jQuery？

來源

2011-01-26 oompahloompah

$("ul li.togglebutton").click(function() { 
    $("ul li.togglebutton").removeClass("selected"); 
    $(this).addClass("selected"); 
});

編輯：的jsfiddle：http://jsfiddle.net/XfN4s/

來源

2011-01-26 00:10:03 switz

哇我的頭在旋轉 - 的jsfiddle！ – oompahloompah 2011-01-26 00:19:52

仿效與jquery切換按鈕和CSS

回答

相關問題