今天在自己练习的过程中,突然要用到这个办法。可是之前只会用JS的方法获取,不懂怎么用JQ方法。所以又在网上搜了搜。现在特地总结一下:
测试代码:
<ul id=pUl>
<li>第一个</li>
<li>第一个</li>
<li>第一个</li>
<li>第一个</li>
</ul>
JQuery方法(1):
index() :返回指定元素相对于其他指定元素的 index 位置。
$(document).ready(function(){
$("#pUl li").click(function(){
alert($(this).index());
})
})
JQuery方法(2):
$(document).ready(function(){
$("#pUl li").click(function(){
alert($("#pUl li").index($(this)[0]));
})
})
这两个效果一样的,第一个会方便点,只是看到了下面那个办法 ,顺便也记记吧!
JavaScript方法:
window.οnlοad=function(){
var getLi=pUl.getElementsByTagName("li");
for(i=0;i<getLi.length;i++)
{
getLi[i].index=i; //就是这行是重点了,分别赋予每个li的index值。
getLi[i].οnclick= function ()
{
alert(this.index);
}
}
}
总结完结!