прототип 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 () в то же событие, что и при добавлении класса () к другому.

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

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

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