Javascript web中一个脚本JS的两个按钮

我想为每个记录放置一个按钮/a，并为那个具体的记录运行脚本，但我卡住了

按钮/a：

<a class="record-delete" data-doc="<%= shop._id %>">
   <img src="/trashcan.svg" alt="delete icon" />
</a>

脚本仅适用于最后一条记录。我知道我可以使用：

document.querySelectorAll

而不是：

document.querySelector

但我不知道如何为具体的按钮/a运行脚本，因为它仍然需要具体的变量/target

如果可以，请提前感谢您的帮助；）

也许这会有帮助

consttrashcans=[…document.querySelectorAll（'a.record-delete'）；
垃圾桶。forEach（垃圾桶=>{
垃圾桶.addEventListener（'click'，（e）=>{
警报（例如target.parentNode.getAttribute（'data-doc'）；
});
});

也许这会有所帮助

consttrashcans=[…document.querySelectorAll（'a.record-delete'）；
垃圾桶。forEach（垃圾桶=>{
垃圾桶.addEventListener（'click'，（e）=>{
警报（例如target.parentNode.getAttribute（'data-doc'）；
});
});

document.querySelector