第二次单击时添加addClass

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

如果第一次点击，只需添加类别 1。然后，如果类 1 存在，则将其删除并添加类 2。如果类 2 存在，则将其删除，然后重新开始。如果你想要一个例子，我可以很快写一个。例子：

    $(".square").click(function(){
        var $this = $(this);
        //see where we are currently at
        if($this.hasClass("two")){
           //then we are on a third click 
        }
        else if($this.hasClass("one")){
         //we are on second click so add class
            $this.addClass("two");
        }
        else //we are on initital click
        {
            $this.addClass("one");
        }
   })

现在，我不知道第二次点击后您想做什么，但希望这能给您一个想法。还有很多其他方法可以做到这一点，但这是使用您当前概念的方法。