0712-2888027 189-8648-0214
微信公众号

孝感风信网络科技有限公司微信公众号

当前位置:主页 > 技术支持 > Javascript/JQuery > jquery获取ul中li的index()

jquery获取ul中li的index()

时间:2024-05-17来源:风信官网 点击: 757次
使用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());
         })
    });
热门关键词: jquery ul li index()
栏目列表
推荐内容
热点内容
展开