原型js庫初學者

Question

我有一個列表，我在其中動態添加類名，現在當我再次單擊該項目時，類仍然在那裏。我不希望我想將該類名分配給當前單擊的列表項。現在

<ul id="menubar"> 

<li>one</li> 
<li>two</li> 
</ul> 

當我點擊一個我動態添加的類名，當我點擊兩個類名仍舊保持在一個相同的，它被兩個受到影響。但我希望它從一箇中刪除並應用於當前點擊的項目。

我該如何實現它？

Answer 1

$$('#menubar li').invoke('observe', 'click', (function(e) { 
    //removes classname from all the li elements 
    $$('#menubar li').invoke('removeClassName', 'myClass'); 
    //Gets the li you clicked on 
    var list_item = Event.element(e); 
    //adds the classname 
    list_item.addClassName('myClass'); 
}).bindAsEventListener(this)); 

Answer 2

您需要將.removeClass（）與addClass（）添加到另一個時相同的事件中。

$('.one').click(function(){ 
    $(this).addClass('myClass'); 
    $('.two').removeClass('myClass'); 
}); 

這可以寫得更有效率，但即時編寫會議之間。

希望這是一個開始！