Arbete med map-metoden i jQuery
Metoden map
anropar en given funktion för varje element
i uppsättningen. Den är särskilt användbar för att få eller
ställa in värden för en samling element.
Metoden map returnerar en nyskapad
uppsättning av olika element och objekt, till skillnad från metoden
each,
som returnerar den ursprungliga uppsättningen element.
Låt oss anta att vi har flera stycken i vår HTML-kod:
<p id="aaa">text1</p>
<p id="bbb">text2</p>
<p id="ccc">text3</p>
Låt oss, med hjälp av metoden map, skriva ut en
lista över id namn för elementen, separerade med
kommatecken. För varje p kommer vi att hämta id
med map och
get.
Sedan använder vi JavaScript-metoden
join,
för att skriva ut de erhållna värdena som en sträng:
alert(
$('p').map(
function() {
return this.id;
}
).get().join()
);
Med hjälp av metoden map, ändra
id för alla p
till deras ordningsnummer.