使用jquery获取ul中第1层li的index()值

如何使用jquery获取ul中第1层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());

})

});