原型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'); 
}); 

这可以写得更有效率，但即时编写会议之间。

希望这是一个开始！