Javascript 将单击的元素（以及所有类似元素）更改为活动/非活动

我对主题的表述有问题。对不起，我重复了这个问题

我有十几个集装箱和两个孩子

<div class="some">
   <img id="1" class="pointer unactive" />
   <img id="2" class="pointer active" />
</div>
<div class="some">
   <img id="3" class="pointer unactive" />
   <img id="4" class="pointer active" />
</div>
<div class="some">
   <img id="5" class="pointer unactive" />
   <img id="6" class="pointer active" />
</div>

---

例如：当我点击

img#3

时，我想将其他子项（

#1、#3、#5

）更改为

活动的

，并点击元素和明喻（

#2、#4、#6

）更改为

非活动的

，让我们再上一节课，告诉大家所有的内容都是

奇数的

，

和
偶数的：

<div class="some">
   <img id="1" class="pointer odd unactive" />
   <img id="2" class="pointer even active" />
</div>
<div class="some">
   <img id="3" class="pointer odd unactive" />
   <img id="4" class="pointer even active" />
</div>
<div class="some">
   <img id="5" class="pointer odd unactive" />
   <img id="6" class="pointer even active" />
</div>

注意：请不要使用以数字开头的
id
值

工作片段


$（函数（）{
$（“.偶数”）。单击（函数（）{
$（.even”）.addClass（“活动”）.removeClass（“非活动”）；
$（“.odd”）.addClass（“非活动”）.removeClass（“活动”）；
});
$（“.odd”）。单击（函数（）{
$（“.odd”）.addClass（“活动”）.removeClass（“非活动”）；
$（.even”）.addClass（“非活动”）.removeClass（“活动”）；
});
});
.unactive{背景：#f99；宽度：50px；高度：50px；}
.active{背景：#99f；宽度：50px；高度：50px；}
假设您的意思是要交换当前的
活动的
和
非活动的
元素，那么您可以使用
切换类（）。试试这个：

$(".even").click(function () {
  $(".even").addClass("active").removeClass("unactive");
  $(".odd").addClass("unactive").removeClass("active");
});
$(".odd").click(function () {
  $(".odd").addClass("active").removeClass("unactive");
  $(".even").addClass("unactive").removeClass("active");
});

OP说，当我单击img#3时，我想将其他子项（#1、#3、#4）更改为active@YoYo看来OP搞错了。哎呀。我们会问OP.@Rorymcrossan LoL.谢谢<代码>：）
是其他子项（
#1、#3、#4
）还是其他子项（
#1、#3、#5
）？你能澄清一下吗？
$('.pointer').click(function() {
    $('.pointer').toggleClass('active unactive');
});