jQuery multiple selectors for existing jQuery objects

Question

I am trying to do a similar action when submitting two different forms:

I am able to do this using :

 $('#form1,#form2,').on('submit', function (e) {
                    e.preventDefault();
                    //Get action URL 
                    serviceUrl = $(this).attr('action')
                   //Dome something
                });

But is there a way to have multiple selectors when jQuery object is already declared?

var form1=$('#form1');
var form2=$('#form2');

 $($form1,$form2).on('submit', function (e) {
                e.preventDefault();
                //Get action URL 
                serviceUrl = $(this).attr('action')
               //Dome something
            });

You can use .add() method i.e. $form1.add($form2).on(....) — Satpal
– Satpal, Commented Oct 30, 2018 at 6:20
Thanks @Satpal, It solved my problem , if you could add this to answer , I will mark that as solution. — Simsons
– Simsons, Commented Oct 30, 2018 at 6:26

Satpal · Accepted Answer · 2018-10-30 06:28:14Z

1

You can use .add() method

Create a new jQuery object with elements added to the set of matched elements.

$form1.add($form2).on(...)

answered Oct 30, 2018 at 6:28

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Collectives™ on Stack Overflow

jQuery multiple selectors for existing jQuery objects

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related