jQuery multiple selectors same function

Question

I have this jQuery Code:

$('#select-adults-room-1').change( function () {
  og.removeErrorsOcio();
});
$('#select-kids-room-1').change( function () {
  og.removeErrorsOcio();
});

What is the best way to do it? I know this looks weird, but not sure how to improve it if it's possible. I'm looking for some like this:

$('#select-adults-room-1','#select-kids-room-1').change( function () {
  og.removeErrorsOcio();
});

Thanks

$('#select-adults-room-1, #select-kids-room-1').change(og.removeErrorsOcio()); — Julian
– Julian, Commented May 19, 2016 at 9:59

Rory McCrossan · Accepted Answer · 2016-05-19 09:42:34Z

7

You don't need to pass separate strings, place the comma between the selectors in a single string, like this:

$('#select-adults-room-1, #select-kids-room-1').change(function() {
    og.removeErrorsOcio();
});

Also note that you can pass the reference of the function directly to the change() method, like this:

$('#select-adults-room-1, #select-kids-room-1').change(og.removeErrorsOcio);

answered May 19, 2016 at 9:42

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Comments

Ranjeet Singh · Accepted Answer · 2016-05-19 09:46:38Z

0

Tried to give common class to each element as

$('.your-element').change( function () {
  og.removeErrorsOcio();
});

answered May 19, 2016 at 9:46

Ranjeet Singh

9245 silver badges11 bronze badges

Collectives™ on Stack Overflow

jQuery multiple selectors same function

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