如何将 jQuery-函数与不同的选择器组合

Question

我有数量未知的不同 ID，它们看起来像 #send_1、#send_2 等等。我需要为每个 ID 调用 jQuery，例如：

$(document).on("submit", "#send_1", function(e){
    var i=1;
    if (something is true) {
        do something
    }    
});
$(document).on("submit", "#send_2", function(e){
    var i=1;
    if (something is true) ) {
        do something
    }    
});

所以我可以写一百次相同的函数只是改变 _x 但应该有更合适的方法来解决这个问题。

我通常不使用 jQuery 所以如果有人可以帮助我，我真的很感激。

提前致谢。

Answer 1

使用属性 starts with(^=) 选择器

$(document).on("submit", '[id^="send_"]', function(e){
    var i=1;
    if (something is true) ) {
        do something
    }    
});

Answer 2

你也可以用','分隔它们

像这样：

$(document).on("submit", "#send_1, #send_2", function(e){
//...
});

如何将 jQuery-函数与不同的选择器组合

How to combine jQuery-functions with different selectors

ajax

jquery

jquery-selectors