如何使用jQuery在两个元素之间切换类

Question

我认为可能已经有人问过这个问题，但是我找不到有效的答案，也找不到反映我问题的问题。 我的问题是我目前有2个<div> ，我希望他们在onClick事件之后切换类。
例如，当我单击一个div时，我希望它具有一个名为isSelected的类，如果第二个div具有该类，则希望将其删除。 我不只是希望单击的div切换isSelected ，我希望另一个div“松散”它是isSelected类。

Answer 1

尝试

$(".divclass").click(function(){
   $(".divclass").removeClass("isSelected");
   $(this).addClass("isSelected");
});

假设这两个兄弟姐妹具有相同的divclass类

Answer 2

您可以简单地使用类选择器将具有特定类的任何元素作为目标，并将其删除。

$("#myDiv").on("click", function() {
    $(".isSelected").removeClass("isSelected");
    $(this).addClass("isSelected");
});

无论您有多少个可选的div都可以使用...

Answer 3

 $("div").click(function(){ $("div").removeClass("isSelected"); $(this).addClass("isSelected"); }); 

 .isSelected { background-color:red; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="">test 1</div> <div class="">test 2</div> <div class="">test 3</div> 

Answer 4

假设一个div始终具有您可以使用的类

$("#myDiv").on("click", function() {
    $('#div1, #div2').toggleClass('isSelected');
})

Answer 5

这应该做您需要的。

 $("div").click(function(){ $("div").removeClass("isSelected"); $(this).addClass("isSelected"); }); 

 .isSelected { background-color:blue; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="">1</div> <div class="">2</div> <div class="">3</div>