單擊並使用add/removeClass更改標題的類

我試圖讓用戶單擊1-4選項。他們可以選擇一個或全部4.單擊並使用add/removeClass更改標題的類

這裏是jsfiddle。

<a class="selector" href="#"><h2 class="unselected">Option 1</h2></a> 
<a class="selector" href="#"><h2 class="unselected">Option 2</h2></a> 
<a class="selector" href="#"><h2 class="unselected">Option 3</h2></a> 
<a class="selector" href="#"><h2 class="unselected">Option 4</h2></a> 

$("a.selector").click(function(){ 
    $(this).children("h2").removeClass('unselected').addClass('selected'); 
});

這是一個簡單的，但我不明白。我究竟做錯了什麼？

來源

2012-10-23 Modelesq

代碼，你的工作只是在擺弄？如果是這樣，你沒有選擇jQuery。 [jsFiddle]（http://jsfiddle.net/TheJoeFletch/YV8gb/11/） – JoeFletch

[看調整的小提琴，它的工作原理]（http://jsfiddle.net/CjCM4/） –

'.toggleClass（）'也允許取消選擇。只是說。 http://jsfiddle.net/CjCM4/1/ – jAndy

它只要你添加了jQuery的小提琴作品：http://jsfiddle.net/CjCM4/

無需更改代碼：

$("a").click(function(){ 
    $(this).children("h2").removeClass('unselected').addClass('selected'); 
});

（見左側菜單）

來源

2012-10-23 19:18:47

難道你不打擾你，你有*發佈代碼繞過「沒有代碼[過濾器]（http://meta.stackexchange.com/a/151616/167534）」沒有jsfiddle鏈接？ – bfavaretto

是的。但也許這意味着這個問題應該被關閉（事實上，我立即刪除了我的答案，並且因爲其他問題而被刪除）。我投票結束。對於問題和新過濾器，我並不完全確定我的看法。 –

你說得對，肯定太過國際化的IMO。 – bfavaretto

你已經把你的小提琴設置爲Mootools，就像上面有人說的將它切換到jQuery將使它工作。

工作示例：

http://jsfiddle.net/rbUjx/

來源

2012-10-23 19:23:33

在jsfiddle中，您輸入的代碼只在DOM準備就緒後調用。 –

我剛剛更新上的jsfiddle

/*$('a.selector').on('click', function(){ 
    $(this).children("h2").removeClass('unselected').addClass('selected'); 
});*/ 

$('a.selector').on('click', function(){ 
    $(this).children("h2").toggleClass('selected'); 
});

來源

2012-10-23 19:24:45

單擊並使用add/removeClass更改標題的類

回答

相關問題