Вот говорят на собеседовании:
Представь у тебя 1000 блоков и тебе нужно обработчик на каждый навесить. Как бы ты это оптимизировал ?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуДобавляешь всем общий класс (или что угодно, что можно использовать в css-селекторе). Потом на ближайшем общем родителе (или на body
) подписываешься на всплытие клика по соответствующим элементам.
$("body").on('click', "p", function (e) {
console.log(this.outerHTML + "\n" + e.target.outerHTML)
})
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p>123 <span>span <em>em</em></span></p>
<p>456 <span>span <em>em</em></span></p>
<p>789 <span>span <em>em</em></span></p>
$(".class").click(function(){...});
Все под одним родителем?$(roditel).on("click", ".class", function(){...})
.