jquery - 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');
});

演示

Answer 2

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

Answer 3

这是我的例子http://jsfiddle.net/omegaiori/wbcTr/

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

Answer 4

需要这个项目，并发现如果您单击已选择的项目，它只会一起删除该类。

所以添加了这个，希望有人可以使用它。

$(".view-type .type").click(function () {
        if (!$(this).hasClass("checked")) {
            $(this).addClass("checked").siblings(".type").removeClass("checked");
        }
    });