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

2018-06-29 22:29:21

我如何获得在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>

尝试这个：

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>

这应该工作。

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

还有这个

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

演示

链接地址: http://www.djcxy.com/p/83543.html

上一篇: How to get the eq of visible list in jQuery?

下一篇: Wait for element to be displayed to user