jquery - 根据类获取元素的子基数？

Question

如何在其容器内获取具有类“选定”位置的 li 元素？

<ul>
  <li></li>
  <li class="selected"></li>
  <li></li>
</ul>

在这种情况下，它应该返回 2，因为它是容器内的第二个 li。

Answer 1

var elem = $('li.selected');
$('ul li').index(elem);

这将返回 1，因为元素索引从 0 开始。

Answer 2

尝试这个

HTML

<ul>
    <li></li>
    <li class="selected"></li>
    <li></li>
</ul>​

JS

var selectedIndex=$("ul li.selected").index()+1; 
alert(selectedIndex); // outputs 2

基本上第一个索引是0，第二个索引是1，所以+1根据你的问题使用第二个索引2而不是1。

演示。

Answer 3

$(".selected").index();

查看.index(...)jQuery 函数。

请注意，索引函数返回从零开始的节点位置，而不是从一开始，因此第一个元素将是“在零索引中”。

Answer 4

您可能会阅读：如何获取兄弟姐妹之间的元素编号/索引

var selectedIndex = $("#selected").index() + 1;

var selectedIndex = $(".selected").index() + 1;（为你）

这是公认的答案，对您的问题也有好处。

另请阅读Index()属性。