jquery获取ul中li的index()

时间:2016-06-30 来源:风信官网 点击: 937次

使用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());
         })
    });
X孝感风信网络科技有限公司

截屏,微信识别二维码

微信号:189 8648 0214

(点击微信号复制,添加好友)

  打开微信

微信号已复制,请打开微信添加咨询详情!