Как сделать, чтобы по нажатию на каждый элемент вызывалась одна и та же функция, но в функцию попадал именно нажатый элемент?
Задача: повесить на каждую кнопку с классом "ico-expand" событие, которое возвращает родительский элемент для каждой конкретной кнопки, на которую нажали. В итоге событие висит на каждой кнопке, но на какую бы я не нажал, возвращается родитель именно последней кнопки в структуре. Подскажите, пожалуйста, почему это происходит?
const expandButtonsArr = document.body.getElementsByClassName("ico-expand");
for (button of expandButtonsArr) {
button.addEventListener("click", ()=>{
const parent = button.parentNode;
console.log(parent)
})
}
Ответы (1 шт):
Автор решения: Алексей Шиманский
→ Ссылка
Видимо, надо написать так:
for (let button of expandButtonsArr)
^^^-----