如何在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（）返回一个整数   表明的位置   原始元素相对于   选择器匹配的元素。

Answer 2

这是一个解决方案： http://jsfiddle.net/T4tz4/1/

$("li").each(function(index) {$(this).data("index",index);});

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

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

});