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

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

 

演示代码如下:

HTML代码:

<ul id=”nav”>

<li><a href=”#” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” >建站素材</a></li>

<li><a href=”#” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” >jquery特效</a>

<ul>

<li>1111</li>

<li>1111</li>

<li>1111</li>

<li>1111</li>

<li>1111</li>

</ul>

</li>

<li><a href=”#” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” >建站素材</a>

<ul>

<li>1111</li>

<li>1111</li>

<li>1111</li>

<li>1111</li>

<li>1111</li>

</ul>

</li>

<li><a href=”#” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” >建站素材</a>

<ul>

<li>1111</li>

<li>1111</li>

<li>1111</li>

<li>1111</li>

<li>1111</li>

</ul>

</li>

<li><a href=”#” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” >建站素材</a>

<ul>

<li>1111</li>

<li>1111</li>

<li>1111</li>

<li>1111</li>

<li>1111</li>

</ul>

</li>

<li><a href=”#” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” >前端路上</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());

})

});

文章来源网络,作者:运维,如若转载,请注明出处:https://shuyeidc.com/wp/115272.html<

(0)
运维的头像运维
上一篇2025-02-18 01:28
下一篇 2025-02-18 01:29

相关推荐

发表回复

您的邮箱地址不会被公开。必填项已用 * 标注