jquery中.index()和.eq()

css xpath规范里面只有下面三个，没有eq
:first-child
:nth-child(n)
:last-child

所以选择器里的eq,需要由jquery去解析实现，无法实现原生dom方法querySelectorAll()，所以官方也更推荐eq()函数

http://api.jquery.com/eq-selector

简单案例顶部导航和侧边导航同步效果jquery代码如下：

$(function() {
    $("a.tooltip-top-nav").click(function () {
        var number=$(this).index('a.btn.tooltip-top-nav');//index()方法中的参数要指代清楚，要不返回的是0
        $(".tooltip-side-nav").eq(number).addClass("select").parent().siblings().children().removeClass("select");
        $(".tooltip-side-nav").eq(number).removeClass("default").parent().siblings().children().addClass("default");
    })
})

$(function() {
    $(".tooltip-side-nav").click(function () {
        $(this).addClass("select").parent().siblings().children().removeClass("select");
        console.log($(".tooltip-side-nav"));
        $(this).removeClass("default").parent().siblings().children().addClass("default");

    })
});

HTML如下

顶部导航条

 

                    
科比简介
                    
巅峰时刻
                    
职业生涯
                    
经典战靴
                    
篮球人生
                

侧边导航