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

I'm learning HTML, CSS and JS with Angular and JQuery at the moment. I have a div "eventBoxes" where you can add as much divs called "eventBox" as you want. Therefore, I have one template of such an eventBox in my HTML file, which i clone, make displayed and add to the div "eventBoxes" when the user wants to add a eventBox. I now want to get the inputs, that are made in the eventBoxes (one eventBox has several textfields), but obviously they all now have the same id. What is a good practice in JS to differ between these same eventBoxes, sothat i can handle each eventBox separately? Do I really have to change the ID's before adding or is there a better way to do so?I'm learning HTML, CSS and JS with Angular and