Различать элементы в списке равных divs в JS

Question

Я изучаю HTML, CSS и JS с Angular и JQuery на данный момент. У меня есть div "eventBoxes", где вы можете добавить столько div, что называется eventBox, сколько захотите. Поэтому у меня есть один шаблон такого eventBox в моем HTML-файле, который я клонировал, отображал и добавлял в div «eventBoxes», когда пользователь хочет добавить eventBox. Теперь я хочу получить входы, которые сделаны в eventBoxes (один eventBox имеет несколько текстовых полей), но, очевидно, все они теперь имеют одинаковый идентификатор. Что такое хорошая практика в JS, чтобы отличаться между этими же EventBox, потому что я могу обрабатывать каждый eventBox отдельно? Должен ли я действительно менять идентификаторы перед добавлением или есть лучший способ сделать это?

Answer 1

Если ваш шаблонный список, то отдельные элементы списка не должны содержать идентификатор, а идентификатор также должны быть заархивированы, чтобы избежать дублирования идентификаторов. Обработка событий на этих элементах должна выполняться с использованием элемента контекста обработчика события. Например, если вы обрабатываете click для input, то контекст обработчика события click будет конкретным введенным кликом. Также объект event дает вам доступ к определенному контексту для события, например, например, event.target содержит ссылку на конкретный элемент, на котором был выполнен щелчок.