map

英[mæp] 美[mæp]

n. 地図、天体図; 地図に似たもの; <アメリカの俗語>顔、顔; 遺伝地図 (染色体上の遺伝子の配置)

vt. (領域など) 地図を描く; 調査; 詳細な計画; [遺伝学] 比較

jquery map() メソッド 構文

関数: map() は、関数を通じて各要素を現在の一致するコレクションに渡し、戻り値を含む新しい jQuery オブジェクトを生成します。

構文: .map(callback(index,domElement))

##パラメータ:

ParametersDescriptioncallback(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>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します