实例1：获取元素序号



<ul > 
  
 <li>John</li> 
  
 <li >Karl</li> 
  
 <li>Brandon</li> 
  
</ul> 
  
<ul id="getfirst" > 
  
  <li id="test0">John</li> 
  
  <li id="test1">Karl</li> 
  
  <li id="test2">Brandon</li> 
  
</ul>

$("#getfirst").find("li").index($("#test0")) 取的的值为0 
 
$("li").index($("#test1")) 取得的值为4 
 
$("li").index($("#test2")) 取得的值为5



第一种：使用事件委托

var ul = document.getElementById('list');
var li = ul.getElementsByTagName('li');
ul.onclick = function(e){
var e = e || window.event, target = e.target || e.srcElement;
for(var s in li){
if(target == li[s]){
s = parseInt(s)+1;
alert(s);
break;
}
}
}

第二种：闭包

function msg(index){
li[index].onclick = function(){
alert(index);
}
}
for (var i = 0; i< li.length; i++){
msg(i);
}
msg = null;

第三种：jquery的index()

li.on("click",function(){
var index = $(this).index();
alert(index);
}

var index_container = $("div.index_container").eq(index);