点击元素索引从数组中弹出她的event_id jquery

Question

对我的例子我有3个href标签。所以如果我点击第一个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> 

这里我jQuery代码：

var event_id = new Array(); 
    //event_id for the first a href tag 
    event_id.push("1X4JxCOwhDpD4Oj5ch"); 
    //event_id for the second a href tag 
    event_id.push("LKb77tAmVzeJJjE83LH"); 
    //event_id for the third a href tag 
    event_id.push("h0NTcpfUlinWbpwBbpB1"); 


jQuery('.event_delete').click(function(){ 
    var index = jQuery('.event_delete').index(this); 
    //.. 
    //console.log(event_id.pop(???)) 

}) 

JSFIDDLE DEMO

希望有人能帮助我。

Answer 1

在我看来，像你应该链接的标识

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')); 
}); 

阵列的ID相关联，但你可以只是在HTML的ID最初，除非你是从其它来源后得到他们。