在jquery中,map()方法用於給予獲得的每個元素執行函數處理,可以使用指定函數處理數組中的每個元素或物件的每個屬性,並將處理的結果封裝為新的陣列傳回,語法為「$.map(需要處理的物件或陣列,指定的處理函數)」。
本教學操作環境:windows10系統、jquery1.10.2版本、Dell G3電腦。
一般用於給獲得的每個元素執行函數處理
$.map() 函數用於使用指定函數處理數組中的每個元素(或物件的每個屬性),並將處理結果封裝為新的陣列傳回。
語法為:
$.map( object, callback )
object Array/Object類型 指定的需要處理的陣列或物件。
callback Function類型 指定的處理函數。
範例如下:
<html> <head> <meta charset="utf-8"> <title>123</title> <style> div { color:blue; } p { color:green; margin:0; } span { color:red; } </style> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> </head> <body> <div></div> <p></p> <span></span> <script> $(function () { var arr = [ "a", "b", "c", "d", "e" ]; $("div").text(arr.join(", ")); arr = $.map(arr, function(n, i){ return (n.toUpperCase() + i); }); $("p").text(arr.join(", ")); arr = $.map(arr, function (a) { return a + a; }); $("span").text(arr.join(", ")); }) </script> </body> </html>
輸出結果:
#相關影片教學推薦:jQuery影片教學
以上是jquery中map的用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!