关于javascript:如何在jQuery中获取可见列表的eq?

How to get the eq of visible list in jQuery?

如何获取jquery中可见的列表的索引并将其存储在变量中?例如下面的幻灯片:

  • 我创建了一个变量currslids。
  • 我将可见li的索引存储到currslids中
  • 当前幻灯片应输出为3。
  • 我会用那个数字来操纵幻灯片。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    <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>

  • 这应该有效。

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

    还有这个

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

    演示


    试试这个:

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

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

    alert(currSlides);

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
    <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>