How to combine jQuery-functions with different selectors

Question

I have a unknown number of different ID's which looks like #send_1, #send_2 and so on. I need to call a jQuery for each of that ID like:

$(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
    }    
});

So i could write a hundred times the same function just changing _x but there shall be a more propper way to solve this.

I usually dont use jQuery so if there is someone who could help me out I really would appreciate.

Thanks in advance.

my answer had a typo. Try it now

AmmarCSE
– AmmarCSE

2015-07-21 20:45:53 +00:00
Commented Jul 21, 2015 at 20:45 — AmmarCSE
– AmmarCSE, Commented Jul 21, 2015 at 20:45

AmmarCSE · Accepted Answer · 2015-07-21 20:41:24Z

3

Use the attribute starts with(^=) selector

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

answered Jul 21, 2015 at 20:41

AmmarCSE

30.7k6 gold badges48 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Juan · Accepted Answer · 2015-07-21 20:45:33Z

1

you can also separate them with a ','

like so:

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

answered Jul 21, 2015 at 20:45

Juan

5,0883 gold badges41 silver badges49 bronze badges

Collectives™ on Stack Overflow

How to combine jQuery-functions with different selectors

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related