jquery - 需要在具有这些 ID 的点击事件上添加类 'select1'

Question

$('#select').click(function() {
  if ($('div').attr('id') == '1') {
    $('#1').addClass("select1");
  } else if ($('div').attr('id') == '2') {
    $('#2').addClass("select1");
  } else if ($('div').attr('id') == '3') {
    $('#3').addClass("select1");
  }
})

.select1 {
  background-color: #ccc;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="select">
  <div id="1">
    //some code
  </div>
  <div id="2">
    //some code
  </div>
  <div id="3">
    //some code
  </div>
</div>

这段代码有什么问题？我需要在具有满足上述条件的不同 ID 的点击事件上添加类“select1”。

Answer 1

您可以通过以下方式进行:

$(document).ready(function(){
  
  $('#select > div').click(function(){
      $('#select > div').removeClass("select1"); //remove select1 from previously added div
      $(this).addClass("select1"); // add select1 to currently clicked div
    });
  });


          

.select1{
  background: red;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div id="select">
  <div id="1">
    //some code 1
  </div>
  <div id="2">
    //some code 2
  </div>
  <div id="3">
    //some code 3
  </div>
</div>