jquery - 如何组合使用 .on 的两个 jQuery 选择？

Question

我有这个 jQuery：

$('#detail')
.on('click', '.deleteLink', function () {
    dialog(this);
    return false;
})
$('#detail')
.on('click', '.editLink', function () {
    dialog(this);
    return false;
})

有没有办法将这些结合起来。抱歉，我根本不知道 jQuery。

Answer 1

使用逗号选择器将其绑定到两者的父级：

// Instead of body, you might want a more specific common parent
$('body').on('click', '#detailD .deleteLink, #detail .editLink', function () {
    dialog(this);
    return false;
});

或者您可以简单地创建一次函数：

var handler = function () {
    dialog(this);
    return false;
};
$('#detailD').on('click', '.deleteLink', handler);
$('#detail').on('click', '.editLink', handler);

Answer 2

用 匹配两个选择器,，就像在 CSS 中一样：

$('#detail').on('click', '.deleteLink, .editLink', function () {
    dialog(this);
    return false;
});

Answer 3

我相信假设 .deleteLink 是您的选择器的子元素，这将起作用

$('#detailD > .deleteLink, #detail > .deleteLink')
    .on('click', function () {
        dialog(this);
        return false;
    });​