jQuery same click event for multiple elements

events, jquery

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);

Problem

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

Original source