JQuery为几个选择器设置了相同的事件

时间:2013-01-27 18:17:39

标签: javascript jquery html dom

this问题相反,我在这里问是否可以这样做:

$(several different selectors).click(function() {
    console.log("Click");
});

所以,如果我有这样的事情:

<div id="a">A</div>
<div id="b">B</div>
<div id="c">C</div>

我想several different selectors选择#a#b#c,然后我点击的任何一个都会记录“点击”。我试过了$('#a', "#b", "#c")但它不起作用;有人可以帮忙吗?

3 个答案:

答案 0 :(得分:5)

传递一个字符串,with the selectors separated by a comma

$('#a, #b, #c').click(function() {
    console.log("Click");
});

答案 1 :(得分:2)

你可以试试这个,因为我试过这个并且它对我有用

    $(document).ready(function () {
        $('#a, #b, #c').click(function () { 
        console.log("Click"); 
      });
    });

答案 2 :(得分:1)

你的尝试非常接近。 Here is the documentation multiple selectors

您的选择器应为$("#a, #b, #c")