如何在 <ul> 中获取 <li> 的索引

How to get the index of an <li> in a <ul>

本文关键字:获取 li 索引 ul      更新时间:2023-09-26

可能的重复项:
如何获取

  • 元素
    的索引 jQuery - 获取具有某个类的元素的索引
  • 我有:

    <ul id="parent">
         <li id="li1">li1</li>
         <li id="li2">li2</li>
         <li id="li3">li3</li>
    </ul>
    

    其他地方还有一些其他<ul><li>标签。

    我想使用 jQuery 获取 li2 的索引,该索引位于 id 父级<ul>

    旧的简单答案:$('ul#parent li:eq(1)').index()

    $('#li2').index()

    使用 .index()

    $('#li2').index();
    

    ID必须是唯一的,所以如果它们不在你的HTML中,你最好解决这个问题(例如,通过使用类)。

    var index = $("#li2").prevAll().length;  //assuming 0 based index