Question

我需要使用类.active获取元素的索引，但似乎无法。 Here is a fiddle展示了它（我已经评论了我感兴趣的这一行）。如果按下寻呼机号码，它应显示标记为红色的索引的正确索引。

我尝试了以下内容：

console.log($('.clickable').index('.active'));
console.log($('.pager').index('.active'));
console.log($('div.pager span.clickable').index('.active'));
console.log($('.active').index());
console.log($('.active').closest('.pager').find('.clickable').index('.active'));
console.log($('.clickable').index($('.clickable').filter('.active')));
console.log($('span.clickable').index('.active'));
console.log($('span.active').index());
console.log($('div.pager span.active').index());

这就是它在HTML中的显示方式：

<div class="pager">
    <span class="page-number clickable">...</span>
    <span class="page-number clickable">2</span>
    <span class="page-number clickable active">3</span>
    <span class="page-number clickable">4</span>
    <span class="page-number clickable">...</span>
</div>

此刻我只是在垃圾邮件中发现我在google / SO上找到的不同版本。为什么赢得了什么工作？

Answer 1

我需要使用类.active
获取元素的索引

而不是

console.log($('.clickable.active').index('.active'));

做：

console.log($('.clickable.active').index());

根据类获取索引

1 个答案: