更改李背景颜色在Javascript中

Question

我不知道是否有人可以请告诉我我如何做到以下几点？

我有下面的JS，它改变了基于id的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>