Question

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

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

非常感谢

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

Answer 1

您可以使用课程更轻松地完成此操作：

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

在Javascript中更改li背景颜色

1 个答案: