jQuery grep()方法详解及实例代码
什么是jQuery.grep()？
jQuery.grep()是一个查找满足过滤函数的数组元素的函数。原始数组不受影响，返回值为数组。
用法介绍：
写法：
jQuery.grep(array,function(elementOfArray,indexInArray)[,invert])
参数介绍：
array
类型:Array
用于查询元素的数组。
function(elementOfArray,indexInArray)
类型:Function()
该函数来处理每项元素的比对。第一个参数是正在被检查的数组的元素，第二个参数是该元素的索引值。该函数应返回一个布尔值。this将是全局的window对象。
elementOfArray--数组元素
indexInArray--元素索引值
invert
类型:Boolean
如果“invert”为false，或没有提供，函数返回一个“callback”中返回true的所有元素组成的数组，。如果“invert”为true，函数返回一个“callback”中返回false的所有元素组成的数组。
举例：过滤出原始数组中值不为5，并且索引值大于4的元素。然后再过滤掉所有值为9的元素
<!DOCTYPEhtml>
<html>
<head>
<style>
div{color:blue;}
p{color:green;margin:0;}
span{color:red;}
</style>
<scriptsrc="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
<div></div>
<p></p>
<span></span>
<script>
vararr=[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){returna!=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
感谢阅读，希望能帮助到大家，谢谢大家对本站的 支持！