JavaScript 中获取点击元素在父元素中位置的属性是 element.index。它用于确定列表或集合中已单击元素的位置,例如在 li 列表项上设置点击事件,获取其索引以确定被单击的项目。

JavaScript 中点击事件 index 的用法
点击事件 index 属性表示被触发的元素在父元素中的位置。在 JavaScript 中,可以通过以下方式访问该属性:
element.index
用法:
index 属性通常用于确定已单击的元素在相关列表或集合中的位置。例如,以下代码可获取单击列表项时该项的索引:
里面有2个文件夹。其中这个文件名是:finishing,是我项目还没有请求后台的数据的模拟写法。请求后台数据之后,瀑布流的js有一点点变化,放在文件名是:finished。变化在于需要穿参数到后台,和填充的内容都用后台的数据填充。看自己项目需求来。由于chrome模拟器是不允许读取本地文件json的,所以如果你要进行测试,在hbuilder打开项目就可以看到效果啦,或者是火狐浏览器。
const listItems = document.querySelectorAll('li');
for (let i = 0; i < listItems.length; i++) {
listItems[i].addEventListener('click', function() {
console.log(this.index);
});
}优点:
- 简化列表或集合中元素的索引访问。
- 当需要确定单击的元素在其同级元素中的位置时非常有用。
缺点:
- 仅在父元素为有序列表(
ol)或div等元素时可用。 - 对于嵌套列表或复杂 DOM 结构,可能难以准确确定索引。
其他注意事项:
-
index属性对于整页点击事件不起作用。 - 当元素被删除或重新排列时,
index属性将相应更新。 - 对于具有自定义样式的列表,
index属性可能返回错误的值。









