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="//m.sbmmt.com/"/>
  </form>

<script>
    $("p").append( $("input").map(function(){
      return $(this).val();
    }).get().join(", ") );
</script>

</body>
</html>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#