使用jquery獲取ul中第一層li的index()值,示例代碼如下:
HTML代碼:
<ul id="nav">
<li><a href="#">建站素材</a></li>
<li><a href="#">jquery特效</a>
<ul>
<li>1111</li>
<li>1111</li>
<li>1111</li>
<li>1111</li>
<li>1111</li>
</ul>
</li>
<li><a href="#">建站素材</a>
<ul>
<li>1111</li>
<li>1111</li>
<li>1111</li>
<li>1111</li>
<li>1111</li>
</ul>
</li>
<li><a href="#">建站素材</a>
<ul>
<li>1111</li>
<li>1111</li>
<li>1111</li>
<li>1111</li>
<li>1111</li>
</ul>
</li>
<li><a href="#">建站素材</a>
<ul>
<li>1111</li>
<li>1111</li>
<li>1111</li>
<li>1111</li>
<li>1111</li>
</ul>
</li>
<li><a href="#">前端路上</a></li>
</ul>
<style>
#nav li{float:left; width:100px}
</style>
JQuery代碼:
$("#nav").each(function(){
var y = $(this).children()
$(y).each(function(i,o){
a lert( $(o).index());
})
});
HTML代碼:
<ul id="nav">
<li><a href="#">建站素材</a></li>
<li><a href="#">jquery特效</a>
<ul>
<li>1111</li>
<li>1111</li>
<li>1111</li>
<li>1111</li>
<li>1111</li>
</ul>
</li>
<li><a href="#">建站素材</a>
<ul>
<li>1111</li>
<li>1111</li>
<li>1111</li>
<li>1111</li>
<li>1111</li>
</ul>
</li>
<li><a href="#">建站素材</a>
<ul>
<li>1111</li>
<li>1111</li>
<li>1111</li>
<li>1111</li>
<li>1111</li>
</ul>
</li>
<li><a href="#">建站素材</a>
<ul>
<li>1111</li>
<li>1111</li>
<li>1111</li>
<li>1111</li>
<li>1111</li>
</ul>
</li>
<li><a href="#">前端路上</a></li>
</ul>
<style>
#nav li{float:left; width:100px}
</style>
JQuery代碼:
$("#nav").each(function(){
var y = $(this).children()
$(y).each(function(i,o){
a lert( $(o).index());
})
});