233-多个同级div,点击一个div，添加class=on,同时清除其他div的on类样式，jquery实现

HTML 结构：

<div class="container">
  <div class="item">Div 1</div>
  <div class="item">Div 2</div>
  <div class="item">Div 3</div>
  <div class="item">Div 4</div>
</div>

JavaScript/jQuery 代码：

$(document).ready(function() {
  $('.item').on('click', function() {
    $('.item').removeClass('on'); // 移除所有item上的on类样式
    $(this).addClass('on'); // 为当前点击的item添加on类样式
    //$(this).toggleClass('on');
  });
});