0712-2888027 189-8648-0214
微信公眾號

孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號

當(dāng)前位置:主頁 > 技術(shù)支持 > Javascript/JQuery > jquery獲取ul中l(wèi)i的index()

jquery獲取ul中l(wèi)i的index()

時間:2016-06-30來源:風(fēng)信官網(wǎng) 點擊: 912次
使用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());
         })
    });
熱門關(guān)鍵詞: jquery ul li index()
欄目列表
推薦內(nèi)容
熱點內(nèi)容
展開