jQueryでのmapメソッドの操作

mapメソッドは、 セット内の各要素に対して指定された関数を呼び出します。 要素のコレクションから値を取得したり設定したりする際に特に便利です。

mapメソッドは、新たに形成されたさまざまな要素やオブジェクトのセットを返します。 これは、元の要素セットを返すeachメソッドとは異なります。

HTMLコードにいくつかの段落があるとします：

html<p id="aaa">text1</p>
<p id="bbb">text2</p>
<p id="ccc">text3</p>

mapメソッドを使用して、カンマで区切られた要素のid名のリストを画面に表示してみましょう。 各pタグについて、mapとgetを使用してidを取得します。 その後、JavaScriptのjoinメソッドを利用して、取得した値を文字列として出力します：

javascriptalert(
  $('p').map(
    function() {
      return this.id;
    }
  ).get().join()
);