javascript - 在 Javascript 中更改 li 背景颜色

Question

我想知道是否有人可以建议我如何执行以下操作？

我有下面的 JS，它根据 id 更改 li 的背景颜色(我使用 li 作为按钮)。单击 li 时，背景变为白色。有人可以告诉我应该添加什么才能将所有其他 li 元素恢复为其原始颜色吗？

非常感谢

 $(function () {
            $("li").click(function (e) {
                document.getElementById(e.target.id).style.backgroundColor = "#fff";
            });
        });

Answer 1

您可以通过类更轻松地做到这一点:

$('li').on('click', function() {
  $('.whitebg').removeClass('whitebg');
  $(this).addClass('whitebg');
});

body {
  background: deepskyblue;
}
li {
  background: green;
  display: inline-block;
  cursor: pointer;
  padding: 4px 8px;
}
.whitebg {
  background: white;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>