jquery - .onを使用する2つの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;
});

または、関数を 1 回だけ作成することもできます。

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;
    });​