如何在jQuery中获取可见列表的eq？

Posted 2023-02-21

【中文标题】如何在jQuery中获取可见列表的eq？

【英文标题】：How to get the eq of visible list in jQuery?

【发布时间】：2017-07-09 05:33:56

【问题描述】：

如何获取 jQuery 中可见的列表索引并将其存储在变量中？所以对于下面的实例幻灯片：

我创建了一个变量 currSlides。 我将可见 li 的索引存储到 currSlides 中 currSlides 应输出为 3。

我将使用该数字来操作幻灯片。

<ul class="slides-container">
  <li style="display:none">Image 1</li>
  <li style="display:none">Image 2</li>
  <li>Image 3</li>
  <li style="display:none">Image 4</li>
</ul>

【问题讨论】：

“得到 eq”是什么意思？

How do I check if an element is hidden in jQuery? 的可能重复项（Detect if an element is visible 的重复项）

Mike 我没有检测元素是否可见，我不认为它是重复的。我已经改写了我的问题。如果你愿意的话，感谢你能帮助我。谢谢。

在 jQuery 对象中尝试索引方法作为我的答案。

【参考方案1】：

这应该可行。

var currSlides  = $('.slides-container').find('li:visible');

还有这个

var currSlides = $('.slides-container li:visible');

Demo

【讨论】：

它返回我 1。我实际上需要索引。

【参考方案2】：

试试这个：

var currSlides  = $('.slides-container li').index($('.slides-container li:visible'));

var currSlides  = $('.slides-container li').index($('.slides-container li:visible'));

alert(currSlides);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="slides-container">
  <li style="display:none">Image 1</li>
  <li style="display:none">Image 2</li>
  <li>Image 3</li>
  <li style="display:none">Image 4</li>
</ul>