jquery 在 div 之间切换类

Question

如果我有两个 div 元素，用户可以在两个选项之间进行选择。

我想表明用户已单击它，因此当用户单击某个元素时，该类会添加一些样式。

现在我只掌握了基础知识。用户只能选择两个元素之一。因此，如果用户已经单击了一个元素，就会出现样式。如果用户决定单击另一个元素，则先前的单击将被删除，然后在新的单击上添加样式。

  $(".ind").on("click", ->
    $(this).toggleClass("selected")
  );

希望有人能指导一下，谢谢！

Answer 1

给两个 div 一个相同的类：

<div class="ind targetDiv">This is div 1</div>

<div class="targetDiv">This is div 2</div>

然后你可以使用 jQuery：

$(".targetDiv").on("click", function() {
    $(this).toggleClass('selected').siblings().removeClass('selected');
});

演示