如何获取 <li> 元素的索引

Question

我正在查看帖子 Find the position of an element within a list, cletus 先生提到要获取索引，我们必须使用

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

HTML：

               <ul>
               <li>Element 1</li>
               <li>Element 2</li>
               <li>Element 3</li>
               </ul>

我的问题是为什么 $(this).index(this) 不起作用（它总是呈现 0），而 $(this).html() 呈现正确的 html 输出。谁能解释一下？

Answer 1

因为$(this) 引用<li> 元素，并且通过使用$(this).index(this)，您实际上是在询问当前元素在其自身内部的索引——显然是0。