如何让onclick();收听多个按钮

Question

我正在尝试让Jq在同一个onclick方法中监听三个按钮然后触发一个函数并通过 $(this);

调用点击的按钮

这是一个示例：

$("body").on('click', 'a.home:visible', 'a.mobile:visible', 'a.phone:visible', function () {
        var attr = $(this).attr('attr');


        $(this).parents('.dropdown-menu').prev().prev().text(attr);
    });

Answer 1

你做的基本正确。你的方法很好。但是你必须将它组合成一个字符串，而不是作为单个参数。而且你不需要 :visible，因为你不能在不可见元素上 click。 ;)

$("body").on('click', 'a.home, a.mobile, a.phone', function() {
    var attr = $(this).attr('attr');
    $(this).parents('.dropdown-menu').prev().prev().text(attr);
});

如果元素是静态的，您甚至应该使用普通事件侦听器而不是委托。

$('a.home, a.mobile, a.phone').click(function() {
    var attr = $(this).attr('attr');
    $(this).parents('.dropdown-menu').prev().prev().text(attr);
});

Answer 2

将它们放在一个引号中

$("body").on('click', 'a.home:visible,a.mobile:visible,a.phone:visible', function() {
  alert('Clicked')

});

JSFIDDLE

如何让onclick();收听多个按钮

How to let onclick(); listens to more than one button

javascript

jquery

onclick

jquery-selectors