jQuery grep()方法詳解及實例代碼
什么是jQuery.grep()？
jQuery.grep()是一個查找滿足過濾函數(shù)的數(shù)組元素的函數(shù)。原始數(shù)組不受影響，返回值為數(shù)組。
用法介紹：
寫法：
jQuery.grep( array, function(elementOfArray, indexInArray) [, invert ] )
參數(shù)介紹：
array
類型: Array
用于查詢元素的數(shù)組。
function(elementOfArray, indexInArray)
類型: Function()
該函數(shù)來處理每項元素的比對。第一個參數(shù)是正在被檢查的數(shù)組的元素，第二個參數(shù)是該元素的索引值。該函數(shù)應(yīng)返回一個布爾值。this將是全局的window對象。
elementOfArray--數(shù)組元素
indexInArray--元素索引值
invert
類型: Boolean
如果“invert”為false，或沒有提供，函數(shù)返回一個“callback”中返回true的所有元素組成的數(shù)組，。如果“invert”為true，函數(shù)返回一個“callback”中返回false的所有元素組成的數(shù)組。
舉例：過濾出原始數(shù)組中值不為 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>
則結(jié)果為：
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
感謝閱讀，希望能幫助到大家，謝謝大家對本站的 支持！
相關(guān)文章
這篇文章主要介紹了jQuery居中元素scrollleft計算方法,結(jié)合實例形式分析了jQuery獲取及計算頁面滾動元素的相關(guān)操作技巧,需要的朋友可以參考下2017-01-01
DIV外區(qū)域Click后關(guān)閉DIV的實現(xiàn)代碼
首先看下JS的事件模型，JS事件模型為向上冒泡，如onclick事件在某一DOM元素被觸發(fā)后，事件將跟隨節(jié)點向上傳播，直到有click事件綁定在某一父節(jié)點上，如果沒有將直至文檔的根2011-12-12
這篇文章主要介紹了Jquery遍歷Json數(shù)據(jù)的方法,涉及jQuery遍歷json格式數(shù)據(jù)的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
本文給大家詳細介紹了jQuery中的原型方法map的使用指南和源碼分析，十分的不錯，對于大家學(xué)習(xí)jQuery非常有幫助，這里推薦給大家。2015-07-07
沒有厭倦了原來那alert那個風(fēng)格，總是一個感嘆號。有時使得UE不好，今天我們介紹使用Jquery Alert插件 ，使用它可以用來替換JScript中的alert,confirm,prompt。2010-10-10
jQuery簡單實現(xiàn)彩色云標(biāo)簽效果示例
這篇文章主要介紹了jQuery簡單實現(xiàn)彩色云標(biāo)簽效果,結(jié)合實例形式分析了jQuery隨機數(shù)運算與頁面元素樣式動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-08-08
EasyUI Combobox設(shè)置默認(rèn)值 獲取text的方法
這篇文章主要介紹了EasyUI Combobox設(shè)置默認(rèn)值 獲取text的方法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11
本文主要分享了jQuery實現(xiàn)對一個表格動態(tài)的添加行，刪除行，并且對表格中內(nèi)容進行非空驗證的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
(模仿京東用戶注冊)用JQuery實現(xiàn)簡單表單驗證,初學(xué)者必看
下面小編就為初學(xué)者們分享一篇(模仿京東用戶注冊)用JQuery實現(xiàn)簡單表單驗證，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
JQuery事件委托(適用于給動態(tài)生成的腳本元素添加事件)
jq寫了點擊事件，是通過獲取元素的類名被點擊后執(zhí)行對應(yīng)方法，但是研發(fā)套完模板，他會把所有的結(jié)構(gòu)先清空，導(dǎo)致jq根本找不到那個元素，所以事件就不得執(zhí)行了,需要的朋友可以參考下2020-02-02