jquery选择问题

Question

假设我有一个像这样的无序列表:

<ul>
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li>
</ul>

我想使用jquery，以便当我单击“li”时，背景变为蓝色。所以我这样做:

    $('li').click(function() {
    $(this).addClass('active');
});

“事件”类的背景为蓝色。但是，我不知道如何做到这一点，以便当我单击另一个“li”时，另一个具有蓝色背景的“li”不再具有蓝色背景。我想我想说的是如何使用jquery使一次只有一个“li”具有蓝色背景。

Answer 1

你可以这样做:

$('li').click(function() {
  $('li.active').removeClass('active');
  $(this).addClass('active');
});

此方法会选择当前的 .active 并从中删除该类，然后再将其应用到您刚刚单击的类。