map-metodin käyttö jQueryssä
map -metodi
kutsuu annettua funktiota jokaiselle joukon
elementille. Se on erityisen kätevä arvojen
noutamiseen tai asettamiseen elementtikokoelmille.
map -metodi palauttaa uudelleen muodostetun
erilaisten elementtien ja objektien joukon toisin kuin
each -metodi,
joka palauttaa alkuperäisen elementtijoukon.
Oletetaan, että HTML-koodissamme on useita kappaleita:
<p id="aaa">text1</p>
<p id="bbb">text2</p>
<p id="ccc">text3</p>
Käytetään map -metodia tulostamaan
näytölle lista id -elementtien nimistä, eroteltuina
pilkuilla. Jokaisesta p -elementistä noudamme id -arvon
käyttämällä map - ja
get -metodeja.
Sitten hyödynnämme JavaScript -metodia
join
tulostamaan saadut arvot merkkijonona:
alert(
$('p').map(
function() {
return this.id;
}
).get().join()
);
map -metodin avulla muuta
kaikkien p -elementtien id -arvot
niiden järjestysnumeroiksi.
