更改李背景顏色在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>