javascript - jQuery:如何获取列表元素的索引

Question

给定以下 HTML:

<ul>
    <li class="imgThumbLi">
        <img src="larry.jpg"/>
    </li>
    <li class="imgThumbLi">
        <img src="curly.jpg"/>
    </li>
    <li class="imgThumbLi">
        <img src="moe.jpg"/>
    </li>
</ul>

然后，每当有人将鼠标悬停在这些 <img> 之一上时，我就会有一些 jQuery 来处理元素:

$(".imgThumbLi").live({
    mouseenter:
        function() {
            // Obtain the source of the current image we're hovering over.
            var src = $(this).children('img')[0].src;

            // Now I need to know which <li> the "current" (one we're hovering
            // over) image's parent <li> we're in, as a zero-based  index
            // of the <ul>.
            var currListElementIndex = ????
        }
    }
);

因此，如果用户将鼠标悬停在 larry.jpg 上, 那么 currListElementIndex 的值将是 0 .如果他们悬停在 moe.jpg 上，则该值为 2等。提前致谢!

编辑:由于其他一些限制，我无法将 ID 添加到 <li>元素或做任何其他明显的事情......我需要获得 <ul>以某种方式(也许通过 parent 函数？？)找出那个 <ul> 的索引我在。

Answer 1

由于 live 函数应用于 "li"，您可以使用 $(this).index() 获取其索引。所以

var currListElementIndex = $(this).index() 返回索引