jquery獲取子元素

月夜原野發表於2017-10-16
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);



相關文章