jquery - jquery click 函数中有两个类名

Question

我正在使用 btn1 类来控制某些按钮的显示。

我设置了一个运行良好的点击功能

$('#rotation').on('click', '.btn1'...

这对所有 btn1 按钮调用相同的点击函数。

我试图弄清楚如何拥有相同的显示类，但为每个按钮调用不同的函数，例如

$('#rotation').on('click', '.btn1 process1'... 

点击此按钮时

<div class="btn1 process1"> 

和

$('#rotation').on('click', '.btn1 process2'... 

点击此按钮时

<div class="btn1 process2"> 

他们不工作。是否可以这样做，或者我是否需要为每个按钮设置 ID，并将单击函数设置为监听 ID 而不是类？

感谢您的时间和帮助。

Answer 1

jQuery 选择器遵循 CSS 规则，因此如果您想要使用两个类来定位一个元素，请不要在类名之间使用空格，如下所示:

$('#rotation')
    .on('click', '.btn1.process1', fn)
    .on('click', '.btn1.process2', fn);

或者，您可以使用单击处理程序并使用 hasClass 来识别单击的按钮:

$('#rotation').on('click', '.btn1', function() {
    if ($(this).hasClass('process1')) {
        // do something
    }
    else if ($(this).hasClass('process2')) {
        // do something else
    }
})