如何使用JavaScript获取单击的数组元素的索引?

用户1234

我有一个动态创建的span元素的数组列表。我想获取单击的span元素的索引。

boundItemClick(e) {
    console.log(e.target) //results <span>some label</span>
}
render() {
    var data=[];
    data.push (<div>
        <span>{textLabel} onClick={this.boundItemClick.bind(this)}</span>
        </div>
}

但是我无法以这种方式获取索引,获取被单击的数组元素的索引的最佳方法是什么?

在此处输入图片说明

在此处输入图片说明

亭子

您可以将数据数组的当前长度作为索引传递给函数:

boundItemClick(idx, e) { // add idx as argument
    console.log(idx);
}
render() {
    var data=[];
    data.push (<div>
        <span>{textLabel} onClick={this.boundItemClick.bind(this, data.length)}</span>
        </div> );
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Javascript:indexOf($(this)获取被单击元素的数组索引值?

如何从具有相同名称的多个元素中获取单击元素,数组的不同索引索引

单击 Jquery 从数组中获取元素的索引

如何使用javascript获取包含tr标签的数组中单击单元格的索引?

如何使用bash函数获取数组中元素的索引

如何使用Dlang获取数组中元素的索引?

如何使用 mongoDB 中的索引列表获取数组元素?

获取满足条件的javascript数组元素的索引

单击该元素时如何使用HTML获取HTML集合中某个元素的索引

如何使用javaScript按索引删除数组元素?

如何获取在javascript中单击的li的索引

无论索引的大小如何,获取数组的元素

如何获取数组的空元素的索引?

如何获取对象内部数组元素的索引?

如何获取numpy数组中元素的索引?

使用hashCode获取数组Java元素的索引

如何使用JavaScript获取数组中最小值的索引?

如何从MouseEvent对象获取单击元素的索引号

如何使用 filter 方法从 JavaScript 数组中获取某些元素?

如何获取未在索引数组中定义的数组元素?

如何从数组[JavaScript]获取对象的索引?

如何使用对象数组索引堆叠元素?

JavaScript:使用 for 循环获取数组索引

如何使用字符串索引路径获取数组元素

如何正确使用 map 函数来获取数组中元素的索引?

单击按钮获取数组元素

通过索引获取数组元素javascript,ES6

获取具有JavaScript中变量给定索引的数组元素

从Javascript数组获取索引