Javascript 按单击元素的索引从数组中弹出值

例如，我有3个a href标签。因此，如果我单击第一个a href标记，那么我想从控制台中的数组变量中弹出第一个event_id。我怎样才能解决这个问题

下面是我的HTML代码：

<a href="#" event-id="" class="event_delete">Link</a>
<a href="#" event-id="" class="event_delete">Link</a>
<a href="#" event-id="" class="event_delete">Link</a>

---

在我看来，您应该将数组ID与链接的ID关联起来

jQuery("a.event_delete").each( function(index, value){
    jQuery(this).attr('id', event_id[index]);
    console.log(this);
});

jQuery('.event_delete').click(function(){
    var index = jQuery('.event_delete').index(this);
    console.log(jQuery(this).attr('id'));
});

但是，您可以在最初的HTML中使用ID，除非您稍后从其他来源获取ID

jQuery("a.event_delete").each( function(index, value){
    jQuery(this).attr('id', event_id[index]);
    console.log(this);
});

jQuery('.event_delete').click(function(){
    var index = jQuery('.event_delete').index(this);
    console.log(jQuery(this).attr('id'));
});