jquery获取子元素

实例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);

\

\

\