Liの背景色をJavascriptで

Question

私は次のことをどうすればいいのか教えてください。

私はliの背景色をid（私はボタンをliとして使用しています）に基づいて変更する以下のJSを持っています。 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>