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

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

我创建一个变量currSlides。
我店可见李的索引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>

来源

2017-02-20 Reza San

你是什么意思的“得到eq”？ –

可能的重复[如何检查一个元素是否隐藏在jQuery？]（http://stackoverflow.com/questions/178325/how-do-i-check-if-an-element-is-hidden-in -jquery）（这是[检测，如果一个元素是可见的]的副本）（http://stackoverflow.com/q/8774089/215552）） –

迈克我没有检测元素是否可见，我没有看到作为一个副本。我已经重新提出了我的问题。感谢您是否愿意帮助我。谢谢。 –

试试这个：

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>

来源

2017-02-20 04:04:34

是的，它的工作原理！了不起。谢谢Duong。 –

这应该工作。

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

而且也是这个

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

Demo

来源

2017-02-20 03:41:58

它返回我1.我实际需要的索引。 –

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

回答

相关问题