Friday, August 30, 2019

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


Thanks


Answer



$('.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);

No comments:

Post a Comment

hard drive - Leaving bad sectors in unformatted partition?

Laptop was acting really weird, and copy and seek times were really slow, so I decided to scan the hard drive surface. I have a couple hundr...