Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/cmake/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery数组总计和查找项索引_Jquery_Html_Arrays_Find - Fatal编程技术网

jquery数组总计和查找项索引

jquery数组总计和查找项索引,jquery,html,arrays,find,Jquery,Html,Arrays,Find,我这里有这段代码,我试图用jquery获得从1开始的列表项总数,并找到哪个索引slideshow\u currentView类 例如,我有38个项目,并且slideshow\u currentView在项目7上,我想显示7/38,我对jquery是全新的,只是想知道这是否可能 <div class="slideshow_pagination" style="display: block;"> <div class="slideshow_pagination_center">

我这里有这段代码,我试图用jquery获得从1开始的列表项总数,并找到哪个索引
slideshow\u currentView

例如,我有38个项目,并且
slideshow\u currentView
在项目7上,我想显示7/38,我对jquery是全新的,只是想知道这是否可能

<div class="slideshow_pagination" style="display: block;">
<div class="slideshow_pagination_center">
<ul>
<li class="slideshow_transparent slideshow_currentView">
  <span style="display: none;">0</span>
</li>
<li class="slideshow_transparent "><span style="display: none;">1</span></li>
<li class="slideshow_transparent "><span style="display: none;">2</span></li>
<li class="slideshow_transparent "><span style="display: none;">3</span></li>
<li class="slideshow_transparent "><span style="display: none;">4</span></li>
<li class="slideshow_transparent "><span style="display: none;">5</span></li>
<li class="slideshow_transparent "><span style="display: none;">6</span></li>
<li class="slideshow_transparent "><span style="display: none;">7</span></li>
<li class="slideshow_transparent "><span style="display: none;">8</span></li>
<li class="slideshow_transparent "><span style="display: none;">9</span></li>
<li class="slideshow_transparent "><span style="display: none;">10</span></li>
<li class="slideshow_transparent "><span style="display: none;">11</span></li>
<li class="slideshow_transparent "><span style="display: none;">12</span></li>
<li class="slideshow_transparent "><span style="display: none;">13</span></li>
<li class="slideshow_transparent "><span style="display: none;">14</span></li>
<li class="slideshow_transparent "><span style="display: none;">15</span></li>
<li class="slideshow_transparent "><span style="display: none;">16</span></li>
<li class="slideshow_transparent "><span style="display: none;">17</span></li>
<li class="slideshow_transparent "><span style="display: none;">18</span></li>
<li class="slideshow_transparent "><span style="display: none;">19</span></li>
<li class="slideshow_transparent "><span style="display: none;">20</span></li>
<li class="slideshow_transparent "><span style="display: none;">21</span></li>
<li class="slideshow_transparent "><span style="display: none;">22</span></li>
<li class="slideshow_transparent "><span style="display: none;">23</span></li>
<li class="slideshow_transparent "><span style="display: none;">24</span></li>
<li class="slideshow_transparent "><span style="display: none;">25</span></li>
<li class="slideshow_transparent "><span style="display: none;">26</span></li>
<li class="slideshow_transparent "><span style="display: none;">27</span></li>
<li class="slideshow_transparent "><span style="display: none;">28</span></li>
<li class="slideshow_transparent "><span style="display: none;">29</span></li>
<li class="slideshow_transparent "><span style="display: none;">30</span></li>
<li class="slideshow_transparent "><span style="display: none;">31</span></li>
<li class="slideshow_transparent "><span style="display: none;">32</span></li>
<li class="slideshow_transparent "><span style="display: none;">33</span></li>
<li class="slideshow_transparent "><span style="display: none;">34</span></li>
<li class="slideshow_transparent "><span style="display: none;">35</span></li>
<li class="slideshow_transparent "><span style="display: none;">36</span></li>
<li class="slideshow_transparent "><span style="display: none;">37</span></li>
<li class="slideshow_transparent "><span style="display: none;">38</span></li>
</ul>
</div>
</div>

  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
试试这个:

$(document).ready(function () {
    $ul = $('.slideshow_pagination_center ul li').hide();
    alert("Length : "+$ul.length);
    $ul.each(function (){
        $(this).show();
        if ($(this).hasClass('slideshow_currentView')){
            alert("Index : "+$(this).find('span').text());
            return false;
        }
    });
});

仅显示
li
具有类
slideshow\u currentView

尝试以下操作:

$(document).ready(function () {
    $ul = $('.slideshow_pagination_center ul li').hide();
    alert("Length : "+$ul.length);
    $ul.each(function (){
        $(this).show();
        if ($(this).hasClass('slideshow_currentView')){
            alert("Index : "+$(this).find('span').text());
            return false;
        }
    });
});

仅显示
li
具有类
slideshow\u currentView

尝试以下操作:

$(document).ready(function () {
    $ul = $('.slideshow_pagination_center ul li').hide();
    alert("Length : "+$ul.length);
    $ul.each(function (){
        $(this).show();
        if ($(this).hasClass('slideshow_currentView')){
            alert("Index : "+$(this).find('span').text());
            return false;
        }
    });
});

仅显示
li
具有类
slideshow\u currentView

尝试以下操作:

$(document).ready(function () {
    $ul = $('.slideshow_pagination_center ul li').hide();
    alert("Length : "+$ul.length);
    $ul.each(function (){
        $(this).show();
        if ($(this).hasClass('slideshow_currentView')){
            alert("Index : "+$(this).find('span').text());
            return false;
        }
    });
});

仅显示
li
具有类
slideshow\u currentView

尝试以下操作:

var total = 0;
$("li").each(function(){
    var n = parseInt($(this).text());
    if(n > 0){ //check if element is greater than 0
        total ++;
    }
});
var index = $(".slideshow_currentView").index()+1; //.index() gives index, starts from 0
alert("total:"+total+" current:"+index);
试试这个:

var total = 0;
$("li").each(function(){
    var n = parseInt($(this).text());
    if(n > 0){ //check if element is greater than 0
        total ++;
    }
});
var index = $(".slideshow_currentView").index()+1; //.index() gives index, starts from 0
alert("total:"+total+" current:"+index);
试试这个:

var total = 0;
$("li").each(function(){
    var n = parseInt($(this).text());
    if(n > 0){ //check if element is greater than 0
        total ++;
    }
});
var index = $(".slideshow_currentView").index()+1; //.index() gives index, starts from 0
alert("total:"+total+" current:"+index);
试试这个:

var total = 0;
$("li").each(function(){
    var n = parseInt($(this).text());
    if(n > 0){ //check if element is greater than 0
        total ++;
    }
});
var index = $(".slideshow_currentView").index()+1; //.index() gives index, starts from 0
alert("total:"+total+" current:"+index);

$(选择器)。长度将给出项目数。您可以使用
索引
获取当前位置。或者只需将数字存储在元素上,以便以后检索。
$(选择器)。length
将给出项目数。您可以使用
索引
获取当前位置。或者只需将数字存储在元素上,以便以后检索。
$(选择器)。length
将给出项目数。您可以使用
索引
获取当前位置。或者只需将数字存储在元素上,以便以后检索。
$(选择器)。length
将给出项目数。您可以使用
索引
获取当前位置。或者简单地将数字存储在元素上,以便以后检索。