如何使用jQuery获取当前项相对于父元素的索引？ [英] How do I get the index of the current item in relation to the parent element with jQuery?

问题描述

我正在尝试获取

内当前项目的索引

<ul id="navbar">
    <li><a href="#a">Link</a></li>
    <li><a href="#b">Link</a></li>
    <li><a href="#c">Link</a></li>
    <li><a href="#d">Link</a></li>
    <li><a href="#e">Link</a></li>
</ul>

我正在使用jQuery，只需使用

即可获得总数

$('ul#navbar').children().length;

如何获取与父元素相关的当前索引？

单击第三个链接，返回3，如果是数组，则返回2。

我尝试了以下方法，但由于找不到而一直返回-1

$('ul#navbar a').click(function(){
    var curPos = $(this).parent().parent().index($(this).parent());
});

编辑：已将脚本中的ul.navbar更改为ul#navbar，抱歉

推荐答案

在父li元素上使用index()方法

var curPos = $(this).parent().index();

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

如果没有参数传递给.index()方法，则返回值是一个整数，指示jQuery对象中第一个元素相对于其同级元素的位置。

这篇关于如何使用jQuery获取当前项相对于父元素的索引？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！