当前位置：首页 > 资讯 > 技术文档

jQuery grep()方法详解及实例代码

时间：2020-01-22 08:18 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery grep()方法详解及实例代码

[b]什么是jQuery.grep()？[/b] 　　jQuery.grep()是一个查找满足过滤函数的数组元素的函数。原始数组不受影响，返回值为数组。用法介绍：写法： jQuery.grep( array, function(elementOfArray, indexInArray) [, invert ] ) 　　[b]参数介绍：[/b] array 类型: Array 用于查询元素的数组。 function(elementOfArray, indexInArray) 类型: Function() 该函数来处理每项元素的比对。第一个参数是正在被检查的数组的元素，第二个参数是该元素的索引值。该函数应返回一个布尔值。this将是全局的window对象。　　elementOfArray--数组元素　　indexInArray--元素索引值 invert 类型: Boolean 如果“invert”为false，或没有提供，函数返回一个“callback”中返回true的所有元素组成的数组，。如果“invert”为true，函数返回一个“callback”中返回false的所有元素组成的数组。举例：过滤出原始数组中值不为 5，并且索引值大于 4 的元素。然后再过滤掉所有值为 9 的元素

<!DOCTYPE html>
<html>
<head>
 <style>
 div { color:blue; }
 p { color:green; margin:0; }
 span { color:red; }
 </style>
 <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
 <div></div>
 <p></p>
 <span></span>
<script>
var arr = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 ];
$("div").text(arr.join(", "));
 
arr = jQuery.grep(arr, function(n, i){
 return (n != 5 && i > 4);
});
$("p").text(arr.join(", "));
 
arr = jQuery.grep(arr, function (a) { return a != 9; });
$("span").text(arr.join(", "));
 
</script>
 
</body>
</html>

　　则结果为： 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 1, 9, 4, 7, 3, 8, 6, 9, 1 1, 4, 7, 3, 8, 6, 1 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

全部评论(0)

上一篇：jQuery实现6位数字密码输入框
下一篇：分享12个实用的jQuery代码片段

资讯排行榜
更多>>