如何將兩個使用.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

同時匹配選擇，就像在CSS：

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

Answer 2

或者使用逗號選擇它綁定到兩者的母公司：

// 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 3

我相信這會工作假設.deleteLink是一個兒童elemen t您的選擇器

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