jquery map()方法
翻譯結果:
map
英[mæp] 美[mæp]
n.地圖,天文圖;類似地圖的事物;〈美俚〉臉,面孔;(染色體上基因排列的)遺傳圖
vt.繪製(一地區等的)地圖;勘查;詳細規劃;[遺傳學]比對
jquery map()方法語法
作用:map() 把每個元素透過函數傳遞到目前符合集合中,產生包含傳回值的新的 jQuery 物件。
語法:.map(callback(index,domElement))
參數:
參數 | 描述 |
callback(index,domElement) | #對目前集合中的每個元素呼叫的函數對象。 |
說明:由於傳回值是 jQuery 封裝的數組,使用 get() 來處理傳回的物件以獲得基礎的陣列。
jquery map()方法範例
<!DOCTYPE html> <html> <head> <style>p { color:red; }</style> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <p><b>Values: </b></p> <form> <input type="text" name="name" value="John"/> <input type="text" name="password" value="password"/> <input type="text" name="url" value="http://php.cn/"/> </form> <script> $("p").append( $("input").map(function(){ return $(this).val(); }).get().join(", ") ); </script> </body> </html>
#點擊 "執行實例" 按鈕查看線上實例