区分JS中相等div的列表中的元素

Question

我正在学习使用Angular和JQuery的HTML，CSS和JS。我有一个div“eventBoxes”，您可以根据需要添加名为“eventBox”的div。因此，我在我的HTML文件中有一个这样的eventBox模板，当我想要添加一个eventBox时，我克隆，显示并添加到div“eventBoxes”。 我现在想要获取在eventBoxes中创建的输入（一个eventBox有几个文本字段），但显然它们现在都具有相同的id。 JS在这些相同的eventBox之间有什么好的做法，我可以分别处理每个eventBox吗？我是否真的必须在添加之前更改ID，或者有更好的方法吗？

Answer 1

如果您模板化列表，那么单个列表项不应带有ID，或者也应该模板化ID以避免重复ID。应使用事件处理程序上下文元素执行对这些元素的事件处理。例如，如果您为click处理input，则click事件处理程序的上下文将是单击的特定输入。此外，event对象允许您访问事件的特定上下文，例如event.target带有对执行点击的特定元素的引用。