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:
<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:
alert(
$('p').map(
function() {
return this.id;
}
).get().join()
);
Dengan menggunakan metode map, ubahlah
pada semua p nilai id mereka
menjadi nomor urut mereka.