prototype js library beginner

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

Это может быть написано более эффективно, но я пишу это между совещаниями.

Надеюсь, что это начало!