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

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

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

Check out .index(...) jQuery函数。

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

Answer 3

您可以阅读：How to get the element number/index between siblings

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

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

这是接受的答案，对你的问题也很好。

同时阅读Index()属性。

Answer 4

试试这个

<强> 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}}。

DEMO