jquery - 第二次点击时添加类

Question

这是我想要的行为:假设你有一个正方形。 <div class="square"></div>第一次单击时，添加类“one”:

$(".square").click(function(){
  addClass("one");
})

并且它有效。

然后在第二次单击时，添加“two”类。不知道如何实现这一点。我已经尝试过以下方法:

 $(".square.one").click(function(){
    $(".square.one").addClass("two");
 });

和

$(".square").hasClass("one").click(function(){
   this.addClass("two");
})

但这两者都不起作用。请帮忙。

Answer 1

$('.square').on('click', function() {
    var $self = $(this);
    $self.hasClass('one') ? $self.removeClass('one').addClass('two') : $self.removeClass('two').addClass('one');
});