单击两个不同的按钮时，jQuery调用相同的函数

Question

我有一个类try的按钮，当点击它时会有一个被调用的函数，现在我想创建一个名为start的按钮来执行相同的操作，我不会我想复制粘贴整个代码在那个按钮点击处理程序，有没有办法让我们说如果try或start在jquery中执行以下操作？

Answer 1

我认为，因为您说a button called start start是id。这就是为什么我使用#而不是.来引用它。

$('.try, #start').click(function(e){
    YourFunction();
});

如果start是类，那么使用它。 #表示ID，而.表示类。

$('.try, .start').click(function(e){
    YourFunction();
});

Answer 2

将处理程序代码移动到命名函数并绑定指定函数。

function someFunction() {
}

$('.try').on('click', someFunction);
$('.start').on('click', someFunction);

或者在一行中，

$('.try, .start').on('click', someFunction);

Answer 3

$('.start, .try').click(function(){
//do your thing here
});

假设两个按钮具有不同的类：

<button class='try'>try</button>
<button class='start'>start</button>

如果你使用一个类，那就容易多了：

<button class='trystart'>try</button>
<button class='trystart'>start</button>

$('.trystart').click(function(){
//do your thing here
});

Answer 4

只是这样做：

$('#start, .try').on('click', function(){ // both of them
   myFunction();
});

或：

$('#start').on('click', function(){
   $('.try').click();         // trigger .try action
});

<小时/> 或者只需在点击内调用您的函数：

function myClickFunction(){
   // your code ...
}

$('#start').on('click',function(){
   myClickFunction();
});