Penggunaan Kaedah map dalam jQuery

Kaedah map memanggil fungsi yang ditentukan untuk setiap elemen dalam set. Ia amat berguna untuk mendapatkan atau menetapkan nilai koleksi elemen.

Kaedah map mengembalikan set yang dibentuk semula yang mengandungi elemen dan objek berbeza, berbeza dengan kaedah each, yang mengembalikan set elemen asal.

Katakan dalam kod HTML kita terdapat beberapa perenggan:

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

Mari, dengan menggunakan kaedah map, kita paparkan senarai nama id elemen, dipisahkan dengan koma. Untuk setiap p, kita akan mendapatkan id menggunakan map dan get. Kemudian kita gunakan kaedah JavaScript join, untuk memaparkan nilai yang diperoleh sebagai rentetan:

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