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”停止具有蓝色背景。我想我想说的是如何让一个“li”一次具有蓝色背景 - 使用jquery。

Answer 1

你可以这样做：

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

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