Для повешения одного события на множество элементов в jQuery можно использовать различные подходы, включая итерацию по каждому элементу и добавление обработчика события, а также использование методов, которые позволяют привязать обработчик ко всем элементам сразу.
Один из способов - это использование метода each() для итерации по каждому элементу и привязки обработчика события с помощью метода on(). Вот пример:
$(".my-elements").each(function() {
$(this).on("click", function() {
// Обработчик события
console.log("Событие клика произошло на элементе: ", this);
});
});
В данном примере мы выбираем все элементы с классом "my-elements" с помощью селектора $(".my-elements"). Затем мы используем метод each() для итерации по каждому выбранному элементу. Внутри цикла мы привязываем обработчик события "click" с помощью метода on(). Обработчик события просто выводит сообщение в консоль с информацией о том, на каком элементе произошло событие клика.
Другой подход заключается в использовании метода on() с передачей селектора элементов в качестве аргумента, чтобы привязать обработчик ко всем выбранным элементам. Вот пример:
$(document).on("click", ".my-elements", function() {
// Обработчик события
console.log("Событие клика произошло на элементе: ", this);
});
В этом примере мы используем метод on() с передачей события "click", селектора элементов ".my-elements" и обработчика события в качестве аргументов. Теперь все элементы, удовлетворяющие указанному селектору, будут иметь привязанный обработчик события "click".
Оба этих подхода позволяют повесить одно событие на множество элементов в jQuery. Вы можете выбрать подход, который наиболее удобен или соответствует вашим потребностям.