javascript - 单击时，使用 jQuery 将类添加到替代 div

Question

我有两个 div，div1 和 div2。单击这些 div 中的任何一个时，我想从中删除类 .active 并将该类添加到另一个 div。

我正在尝试下面的代码，但我无法弄清楚如何将类添加到另一个未单击的 div。谢谢。

$('.div').click(function() {
  $(".div").removeClass("active");
});

.div1 {
  background: green;
  display: none;
}
.div2 {
  background: red;
  display: none;
}
.active {
  display: block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="div div1 active">div1</div>
<div class="div div2">div2</div>

fiddle http://jsfiddle.net/vLLtLwxy/

Answer 1

因为只有两个元素，你可以只使用 .toggleClass() .

Updated Example

$('.div').click(function(){
    $(".div").toggleClass("active");                     
});

---

同样，值得指出的是，您还可以使用 .not() 取反其中一个元素。 :

Example Here

$('.div').click(function(){
    $(this).removeClass("active");
    $('.div').not(this).addClass('active');
});