按单击元素的索引从数组中弹出值
Pop value from array by index of clicked element
对于我的示例,我有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>
这里是我的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演示
在我看来,您应该将数组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'));
});
但是,除非以后从另一个源获取ID,否则最初可以在HTML中包含ID。
相关文章:
- 单击select'时将数组行回显到文本区域中;s选项
- JQuery:如何在每次单击时逐个显示段落标签数组
- 如何确定$(this)是否在单击事件的数组中
- 通过动态创建数组名称在单击函数中引用 javascript 数组
- 单击时显示关联数组的元素
- 挖空 JS - 单击数组中的图像
- ng单击从内部数组中删除项
- 为什么不是't单击事件中返回的数组的总和
- 当单击按钮时,试图使字符串数组按1乘1的顺序打印出来
- 如何在地图框中的层数组中循环以侦听单击事件
- 创建存储按钮单击位置的数组
- 将变量推送到数组中,并在每次单击时更新数组
- 将单击的链接传递到会话数组
- 如何循环函数数组并在单击时一次执行一个
- 单击时将值推送到数组,然后循环添加数组值.Javascript
- AngularJS嵌套具有多维数组的元素,并通过单击显示它们
- 如何通过单击显示数组和按钮
- 单击复选框时将此元素添加到收藏夹数组 + 后 Ajax 元素关系
- Javascript按顺序从数组中点击
- Javascript 数组单选按钮切换 DIV 的视图