Search code examples
jqueryevents

jQuery same click event for multiple elements


Is there any way to execute same code for different elements on the page?

$('.class1').click(function() {
   some_function();
});

$('.class2').click(function() {
   some_function();
});

instead to do something like:

$('.class1').$('.class2').click(function() {
   some_function();
});

Solution

  • $('.class1, .class2').on('click', some_function);
    

    Or:

    $('.class1').add('.class2').on('click', some_function);
    

    This also works with existing objects:

    const $class1 = $('.class1');
    const $class2 = $('.class2');
    $class1.add($class2).on('click', some_function);