通过单击元素的索引从数组中弹出值答案

【问题标题】：Pop value from array by index of clicked element通过单击元素的索引从数组中弹出值
【发布时间】：2014-04-28 15:43:02
【问题描述】：

在我的示例中，我有 3 个 a 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

【问题讨论】：

标签： javascript jquery arrays indexing

【解决方案1】：

在我看来，您应该将数组 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，除非您稍后从其他来源获取它们。

【讨论】：