在Java语言中更改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>