Bekerja dengan Metode map di jQuery

Metode map memanggil fungsi yang diberikan untuk setiap elemen dalam set. Ini sangat berguna untuk mendapatkan atau mengatur nilai dari kumpulan elemen.

Metode map mengembalikan set yang baru dibentuk berisi berbagai elemen dan objek, berbeda dengan metode each, yang mengembalikan set elemen asli.

Misalkan dalam kode HTML kita terdapat beberapa paragraf:

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

Mari, dengan menggunakan metode map tampilkan ke layar daftar nama id elemen, dipisahkan oleh koma. Dari setiap p kita akan mendapatkan id menggunakan map dan get. Kemudian gunakan metode JavaScript join, untuk menampilkan nilai yang diperoleh sebagai string:

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