Question

是否可以为我的代码中的所有按钮使用不同的ID制作通用jquery？我似乎无法让这个工作。我想要实现的是每次点击一个按钮时，javascript会为点击的特定按钮添加一个类。

HTML：

<button type="button" onClick="myFunction(this.id)" id="test1" class="btn btn-primary btn-xs pull-right">button 1</button>
<button type="button" onClick="myFunction(this.id)" id="test2" class="btn btn-primary btn-xs pull-right">button 2</button>
<button type="button" onClick="myFunction(this.id)" id="test2" class="btn btn-primary btn-xs pull-right">button 2</button>

JS：

function myFunction(this) {
     $(this).addClass("animated flipInY");
  setTimeout(function(){
     $(this).removeClass("animated flipInY")

  },1000); 
}

Answer 1

您可以将unique事件与click选择器一起使用，它将适用于您的所有按钮：

button

希望这有帮助。

Answer 2

我认为你遇到的问题与调用＆＃34; removeClass＆＃34;更相关。对于所有按钮......

为此您需要更改

setTimeout(function(){
     $(this).removeClass("animated flipInY")
  },1000);

到

setTimeout(function(){
     $('button').removeClass("animated flipInY")    
  },1000);

在您的代码中（或者更好地将其添加到Zakaria答案中）。

通用按钮自我添加类

2 个答案: