Javascript - Multiple selector

Question

$(document).on('click', '.SELECTOR1 OR #SELECTOR2', function(){
        // some code
});

What I want to achieve is to run some code if either one of the elements is clicked.

Rory McCrossan · Accepted Answer · 2015-04-15 15:41:29Z

6

The Sizzle selector engine that jQuery uses follows the same rules as CSS. With that in mind you can separate selectors using ,:

$(document).on('click', '.SELECTOR1, #SELECTOR2', function(){
    // some code
});

answered Apr 15, 2015 at 15:41

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Comments

Amir Popovich · Accepted Answer · 2015-04-15 15:41:24Z

5

Simply use a comma to do that:

$(document).on('click', '.SELECTOR1, #SELECTOR2', function(){
        // some code
});

answered Apr 15, 2015 at 15:41

Amir Popovich

30.1k9 gold badges58 silver badges102 bronze badges