JS与jQuery获取任意事件的子元素下标(获取当前类数组的某一子元素下标)

最新推荐文章于 2023-06-21 23:21:45 发布

原创最新推荐文章于 2023-06-21 23:21:45 发布 · 3.8k 阅读

2 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

30 篇文章

订阅专栏

本文介绍了使用JavaScript和jQuery进行DOM元素遍历的方法，通过给类名为'child'的元素添加index属性，并实现点击事件来输出元素在数组中的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript方法

  var child = document.getElementsByClassName("child");
        for(var i=0;i<child.length;i++)
        { var a = child[i];
            a.index=i; //给每个类名为child的元素添加index属性
            a.onclick = function(){
            	console.log(this.index) 
            }

jQuery方法

$.each($(".className"),function(index,val)){  //index为选择器的index位置，val为当前元素
	console.log(val);
	val.index = index; //为每个类数组的子元素添加index属性并将其在类数组的下标赋值给index属性
	$(val).click(function(){
	console.log(this.index);
	})
}