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

Demo

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");
        }
    });

jquery在div之间切换类

4 个答案: