我在一个 div 中有 3 个按钮,我想为所有按钮添加相同的点击监听器。我对这些按钮进行了一些操作,因此我首先将它们作为函数请求中的变量保留,然后我想使用这些变量添加 on 监听器。有什么办法吗?
HTML 如下所示:

<div class="wrapper">
    <button class="a"></button>
    <button class="b"></button>
    <button class="c"></button>
</div>

JS:
var $wrapper = $('.wrapper'),
    $aBtn = $wrapper.find('.a'),
    $bBtn = $wrapper.find('.b'),
    $cBtn = $wrapper.find('.c');

//The working but less neat solution
$('.wrapper .a, .wrapper .b, .wrapper .c').on('click', func);

//What I want
($aBtn, $bBtn, $cBtn).on('click', func);

最佳答案

您可以使用 .add()//Ref link

var $wrapper = $('.wrapper'),
    $aBtn = $wrapper.find('.a'),
    $bBtn = $wrapper.find('.b'),
    $cBtn = $wrapper.find('.c');

//What I want
$($aBtn).add($bBtn).add($cBtn).on('click', func);

function func(){alert($(this).attr("class"))}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper">
    <button class="a">a</button>
    <button class="b">b</button>
    <button class="c">c</button>
</div>

关于jquery - 我可以在 .on Jquery 中以某种方式使用变量吗,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42642766/

10-12 12:33
查看更多