javascript - jquery 按类索引

Question

我想知道 li 元素的索引，它具有特定的类。

<ul>
    <li style="display: none;">don't need this one</li>
    <li class="li">sdsds</li>
    <li class="li">sdsds</li>
    <li class="li">sdsds</li>
</ul>

$('ul').each(function () {
    $(this).on('click', 'li.li', function () {
        alert($(this).index());
    });
});

http://jsfiddle.net/oobkzyat/2/

我的问题是索引不是从 0 开始。 我该怎么做？

Answer 1

任一元素显示或不显示。它将成为索引的一部分，这就是它为您提供 1 而不是 0 的原因，因为 0 是您隐藏的元素的索引 ( <li style="display: none;">don't need this one</li> ) 。不过，下面是满足您要求的代码。

$('ul').each(function () {
    $(this).on('click', 'li.li', function () {
      alert($(this).index()-$(this).prevAll(":hidden").length);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<ul>
    <li style="display: none;">don't need this one</li>
    <li class="li">sdsds</li>
    <li class="li">sdsds</li>
    <li class="li">sdsds</li>
</ul>