html如何判断是第几个li,jQuery如何获取当前li元素是第几个

jQuery如何获取当前li元素是第几个?

网友问：

比如有一个li的列表，如果知道当前的li是第几个li元素：

像这样的结构，我如何知道当前操作的li是第几个

解决案例：

蚂蚁部落

ul{

list-style:none;

width:100px;

height:25px;

line-height:25px;

font-size:12px;

}

window.οnlοad=function(){

var obox=document.getElementById("box");

var oshow=document.getElementById("show");

var lis=obox.getElementsByTagName("li");

for(var index=0;index

lis[index].theIndex=index;

lis[index].οnclick=function(){

oshow.innerHTML=this.theIndex;

}

}

}

当前元素的顺序:

• 蚂蚁部落一
• 蚂蚁部落二
• 蚂蚁部落三
• 蚂蚁部落四
• 蚂蚁部落五
• 蚂蚁部落六