寻找对象在父元素下的index
方法一、
window.onload=function(){
//寻找对象在父元素下的index
function getIndexParent(element){
var oParent=element.parentNode;
var oElement=oParent.children;
for(var i=0;i<oElement.length;i++){
oElement[i].index=i
}
alert(element.index);
}
getIndexParent(document.getElementById('zero')); //return 4
getIndexParent(document.getElementById('one')); //return 1
}
<ul>
<span id='span1'></span>
<li id='one'>1</li>
<li id='two'>2</li>
<li id='zero'>0</li>
<li id='four'>4</li>
</ul>
方法二、
//注意这里是具体的HTML元素,li为HTMLLIElement;div为HTMLDivElement;span为HTMLSpanElement
//寻找对象在父元素下的index
Object.prototype.__defineGetter__("indexOfParent",function(){
var oParent=this.parentNode;
var oElement=oParent.children;
for(var i=0;i<oElement.length;i++){
oElement[i].index=i
}
return this.index;
});
alert(document.getElementById('span1').indexOfParent);
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步