Werken met de map-methode in jQuery

De methode map roept een gegeven functie op voor elk element in de set. Het is vooral handig voor het ophalen of instellen van waarden van een verzameling elementen.

De methode map retourneert een nieuw gevormde set van verschillende elementen en objecten, in tegenstelling tot de methode each, die de oorspronkelijke set elementen retourneert.

Stel dat we in onze HTML-code meerdere alinea's hebben:

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

Laten we, met behulp van de methode map, een lijst van id namen van elementen naar het scherm uitvoeren, gescheiden door komma's. Voor elke p halen we de id op met behulp van map en get. Vervolgens gebruiken we de JavaScript-methode join, om de verkregen waarden als een string weer te geven:

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

Verander met behulp van de methode map voor alle p hun id waarden in hun volgnummers.