javascript - 多个元素的相同点击事件，具体情况

Question

我不想重复我的代码，所以我试图弄清楚如何在多个元素上使用单击事件:

$(document).ready(function() {
    var realStateBtn = $('#real-estate-center').parent();
    var link = $('#real-estate-center > .linkwidth');
    realStateBtn.css('zIndex', 9999);
    realStateBtn.click(function() {
        console.log('TRIGGERED');
        window.location.href='http://realestatecenter.bankofamerica.com/';
    });

    link.click(function() {
        window.location.href="http://realestatecenter.bankofamerica.com/";
    });
});

正如您所看到的，变量 realStateBtn 和 link 将您带到相同的位置/应用了相同的功能，那么我该怎么做才能将相同的代码放入一个函数？

我知道我可以做这样的事情:

$('.class1, class2').click(...)

但在本例中我有以下元素:

$('#real-estate-center').parent();

$('#real-estate-center > .linkwidth');

建议？

Answer 1

您可以使用.add()组合 jQuery 对象的方法。

realStatebtn.add(link).click(function() {
    console.log('TRIGGERED');
    window.location.href='http://realestatecenter.bankofamerica.com/';
}