javascript - jquery 获取元素集的索引值问题

问题描述

问 题

用query通过类来选择元素，但是index索引值却不对，我希望的是按照顺序012345这样，可是sub-nav的li索引又是从0开始
html代码

<ul class="nav nav-pills nav-stacked main-nav" role="tablist">

            <li class="nav-bar">LAYOUT</li>
            <li class="nav-bar">SIGNAL</li>
            <li class="nav-bar">USER</li>
            <li id="sys">SYSTEM SETTING
                <ul class="sub-nav">
                    <li class="nav-bar">SYSTEM TIME</li>
                    <li class="nav-bar">NET SETTING</li>
                    <li class="nav-bar">VERISION INFO</li>
                    <li data-toggle="modal" data-target="#quit">QUIT</li>
                </ul>
            </li>
        </ul>

js代码
$(".nav-bar").click(function(){

    var index=$(this).index();
    console.log(index);
});

解决方案

index() 方法返回指定元素相对于其他指定元素(同级)的 index 位置

$(".nav-bar").click(function(){
    var index = $(".nav-bar").index(this);
    console.log(index);
});

这篇关于javascript - jquery 获取元素集的索引值问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！