如何在jquery中获取非兄弟元素的索引？

Question

HTML:

<ul>
    <li>Help</li>
    <li>me</li>
    <li>Stack</li>
    <li>Overflow!</li>
</ul>

<br>

<ul>
    <li>Can</li>
    <li>I</li>
    <li>connect</li>
    <li>these?</li>
</ul>

使用Javascript/JQuery的:

$("li").live('click', function(){

alert($(this).index());

});

我整理了一个简单的jsfilled页面来帮助描述我的问题:http://jsfiddle.net/T4tz4/

当前单击LI会警告相对于当前UL组的索引.我想知道是否有可能得到一个'全局索引',以便点击"Can"返回索引值4.

谢谢你,约翰

Answer 1

把'li'选择器放在里面index()

$('li').live('click', function() {
    alert( $(this).index('li') );
});

现场演示: http ://jsfiddle.net/T4tz4/3/

http://api.jquery.com/index/

如果选择器字符串作为参数传递,则.index()返回一个整数,指示原始元素相对于选择器匹配的元素的位置.