1. 程式人生 > >JS與jQuery獲取任意事件的子元素下標(獲取當前類陣列的某一子元素下標)

JS與jQuery獲取任意事件的子元素下標(獲取當前類陣列的某一子元素下標)

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);
	})
}