在 Javascript 中更改 li 背景颜色

Question

不知是否有人可以告诉我如何做以下事情？

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

非常感谢

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

Answer 1

您可以使用 class 更轻松地做到这一点：

$('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>

在 Javascript 中更改 li 背景颜色

Change li Background Colour In Javascript

javascript

getelementbyid