Javascript 如何在jquery中获取非同级元素的索引?

Javascript 如何在jquery中获取非同级元素的索引?,javascript,jquery,Javascript,Jquery,HTML: 我创建了一个简单的jsfilled页面来帮助描述我的问题: 当前单击某个LI会提醒相对于当前UL组的索引。我想知道是否有可能获得“全局索引”,以便单击“Can”返回索引值4 谢谢,, 约翰这里有一个解决方案: 只需将'li'选择器放入索引()中即可 现场演示: 如果选择器字符串作为 参数,.index()返回一个整数 指示设备的位置 相对于对象的原始元素 由选择器匹配的元素 +1,很好。。。我错过了提问者想要的,但很明显这就是为什么我们要点击一个链接,而你的解决方案只有4行代码

HTML:

我创建了一个简单的jsfilled页面来帮助描述我的问题:

当前单击某个LI会提醒相对于当前UL组的索引。我想知道是否有可能获得“全局索引”,以便单击“Can”返回索引值4

谢谢,, 约翰

这里有一个解决方案:


只需将
'li'
选择器放入
索引()中即可

现场演示:


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


+1,很好。。。我错过了提问者想要的,但很明显这就是为什么我们要点击一个链接,而你的解决方案只有4行代码?如果jsfiddle死了会发生什么?在这里发布代码,或者另外…@peirix,这是一个人们可以现场测试的链接。因此,有多少行代码并不重要。然而,我同意代码也属于这里。
<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>
$("li").live('click', function(){

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

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

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

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

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