javascript - 索引返回 -1 jquery

Question

这是为什么呢？很困惑...谢谢!

$('#navigation ul li a:first').index($('#navigation ul li a')) >> 返回 0 expect 0

$('#navigation ul li a:last').index($('#navigation ul li a')) >> 返回 -1 expect 19

$('#navigation ul li a').eq(2).index($('#navigation ul li a')) >> 返回 -1 expect 2

更新:这里有一些 html，这是我的分页代码:

        <div id="navigation">
            <ul> 
                <li><a class="current" href="#1-1">1</a></li> 
                <li><a class="" href="#1-2">2</a></li>
                <li><a class="" href="#1-3">3</a></li> 
                <li><a class="" href="#1-4">4</a></li>
                <li><a class="" href="#1-5">5</a></li> 
                <li><a class="" href="#1-6">6</a></li>
                <li><a class="" href="#1-7">7</a></li>
                <li><a class="" href="#1-8">8</a></li>
                <li><a class="" href="#1-9">9</a></li>
                <li><a class="" href="#1-10">10</a></li>
                <li><a class="" href="#1-11">11</a></li>
                <li><a class="" href="#1-12">12</a></li>
                <li><a class="" href="#1-13">13</a></li>
                <li><a class="" href="#1-14">14</a></li>
                <li><a class="" href="#1-15">15</a></li>
                <li><a class="" href="#1-16">16</a></li>
                <li><a class="" href="#1-17">17</a></li>
                <li><a class="" href="#1-18">18</a></li>
                <li><a class="" href="#1-19">19</a></li>
                <li><a class="" href="#1-20">20</a></li>                  
            </ul>
        </div>

Answer 1

你需要反转你的选择器:

alert($('#navigation ul li a').index($('#navigation ul li a:first')));   // 0
alert($('#navigation ul li a').index($('#navigation ul li a:last')));    // 19
alert($('#navigation ul li a').index($('#navigation ul li a').eq(2)));   // 2

SEE DEMO