JQuery .index() 问题

Question

我对以下代码有疑问。我正在尝试检索当前悬停在其上的 li 元素的索引。

HTML:

<div id="featured">
         <ul>
              <li class="active">foo</li>
              <li class="">bar</li>
              <li class="">giraffe</li>
         </ul>
    </div>

JavaScript:

$(document).ready(function () {
        $('#featured ul li').hover(function(){
             console.log($(this).index()); //returns -1
             console.log($('li').index($(this))); //returns integers beginning at 6
        });
    });

我使用的 javascript 中的第一个选项返回 -1，第二个选项返回从 6 开始的整数。

我迷路了。请有人告诉我我做错了什么! :)

另外，我正在使用我的 drupal 安装中嵌入的 jQuery 版本，1.2.6

编辑:修复了我的 JS 示例的第二个 console.log 上的语法。

Answer 1

问题出在你的 jquery 版本上，我用 1.2.6、1.3.2 测试了它，它按照你所说的那样工作，我用 jQuery 1.4.4 测试了它，它工作正常。您是否考虑过升级 jquery 版本或加载更新的 vwrsion 并使用 noConflict()？

编辑 - 您可以使用此作为解决方法:

    $('#featured ul li').hover(function(event){
         console.log($(this).prevAll('li').length); //returns 0,1,2
   });

fiddle(已测试 IE9、FF5 和 Chrome 12):http://jsfiddle.net/WWw4n/