[ jquery 过滤器 slice(start, [end]) ] 此方法用于在选择器的基础之上精确筛选出匹配的子集(可以使用前导限制范围)

Posted 窗棂博客记录

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[ jquery 过滤器 slice(start, [end]) ] 此方法用于在选择器的基础之上精确筛选出匹配的子集(可以使用前导限制范围)相关的知识,希望对你有一定的参考价值。

此方法用于在选择器的基础之上精确筛选出匹配的子集(可以使用前导限制范围):

  1.start:开始选取子集的位置。第一个元素是0.如果是负数,则可以从集合的尾部开始选起

  2.end:结束选取自己的位置,如果不指定,则就是本身的结尾

  3.参数包含开始,不包含结束 [ start , end )

实例:

<!DOCTYPE html>
<html lang=‘zh-cn‘>
<head>
<title>Insert you title</title>
<meta http-equiv=‘description‘ content=‘this is my page‘>
<meta http-equiv=‘keywords‘ content=‘keyword1,keyword2,keyword3‘>
<meta http-equiv=‘Content-Type‘ content=‘text/html; charset=utf-8‘>
<script type=‘text/javascript‘ src=‘./js/jquery-1.12.1.min.js‘></script>
<style type=‘text/css‘>
</style>
<script type=‘text/javascript‘>
    $(function(){
        $(‘li‘).each(function(index){
           $(this).html(index);
        });
        var arr = $(‘li‘).slice(2,7);   //此方法包含开始但不包含结束,角标从0开始计算
        for(var i=0; i<arr.length;i++){
           // console.log(arr[i].innerHTML);
           console.log(arr[i]);
        }
    });
</script>
</head>
<body>
    <div id=‘demo‘>
        <ul id=‘list‘>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</body>
</html>

 

以上是关于[ jquery 过滤器 slice(start, [end]) ] 此方法用于在选择器的基础之上精确筛选出匹配的子集(可以使用前导限制范围)的主要内容,如果未能解决你的问题,请参考以下文章

VUE:v-for获取列表前n个数据中间范围数据末尾n条数据的方法

Vue.js 在 v-for 中重写 orderBy 过滤器

VueJS:在 v-for 之后触发 jQuery?

jquery $('.hide-show')slice(0,12).show() 没有正确显示 div?

v-for列表过滤和排序

如何在 Vue.js 中过滤数组和循环 V-for