Как назначить обработчики событий для каждого объекта с определенным атрибутом?

Question

По сути, я хочу назначить обработчик событий для каждого номера страницы (в ul) в каком-то цикле. Каждый элемент списка имеет определенный класс и атрибут имени. Я хочу назначить обработчик события .click (), а затем внутри доступа к атрибуту имени. Спасибо всем, кто откликнется / просмотрит этот пост, и я был бы признателен, если бы вы также показали, как получить доступ к атрибуту имени. Я могу получить доступ ко всем элементам списка, как это, я думаю (доступ к каждому отдельному - это еще один процесс, который я не знаю)

$('li[class|='pagelistitem'). //now I need to assign event handler and access 'name' attr

Answer 1

$('li[class|="pagelistitem"]').click(function() {
   var thisName = $(this).attr("name");
});

Приведенный выше код выбирает все элементы li со значением class с префиксом "pagelistitem". Он присоединяет прослушиватель событий click к каждому элементу в этом наборе, а в функции обработчика событий получает атрибут name выбранного элемента.

Как уже упоминалось в комментариях, вы можете (и должны в этом случае) использовать this.name вместо передачи this в другой объект jQuery и вызова метода attr. Однако, как вы упомянули в вопросе о получении атрибута, я хотел показать вам использование метода jQuery.