javascript - removeClass 和 removeClass 图像不起作用

Question

siblings('.xx')有没有错误？单击时不想重复图像抱歉，我的英语太差了:(

$(document).ready(function() {
  //$(".ok").removeClass("imga");
  //$('.ok2').removeClass('imga').siblings('.ok2').addClass("imga");
  $('.item').click(function() {
    var id = $(this).attr('id');
    var xx = "ok" + id;
    $('.ok' + id).removeClass('imga').siblings('.xx').addClass("imga");
    $(this).addClass('active').siblings().removeClass('active');
  });
});

.active {
  font-weight: 900;
  color: blue;
}

.hover {
  color: blue;
}

.imga {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  margin: auto;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="item" id="1">
  <img class="ok1 imga" src="http://icons.iconarchive.com/icons/ampeross/qetto/128/icon-developer-icon.png"><br> 
  image 1
</div>
<div class="item" id="2" width="50" width="50">
  <img class="ok2 imga" src="http://icons.iconarchive.com/icons/ampeross/qetto/128/icon-developer-icon.png"><br> 
  image 2
</div>
<div class="item" id="3" width="50" width="50">
  <img class="ok3 imga" src="http://icons.iconarchive.com/icons/ampeross/qetto/128/icon-developer-icon.png"><br> 
  image 3
</div>

Answer 1

为什么不使用 active 类来改变图像显示呢？

$('.item').click(function(){  
  $(this).addClass('active').siblings().removeClass('active');
});

.active{
 font-weight:900;
 color:blue;   
}

.item:not(.active) img {
 -webkit-filter: grayscale(1);
 filter: grayscale(1);
 margin:auto;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="item" id="1"><img class="ok1 imga" src="http://icons.iconarchive.com/icons/ampeross/qetto/128/icon-developer-icon.png"><br>image 1</div>
<div class="item" id="2" width="50" width="50"><img class="ok2 imga" src="http://icons.iconarchive.com/icons/ampeross/qetto/128/icon-developer-icon.png"><br>image 2</div>
<div class="item" id="3" width="50" width="50"><img class="ok3 imga" src="http://icons.iconarchive.com/icons/ampeross/qetto/128/icon-developer-icon.png"><br>image 3</div>