Εργασία με τη μέθοδο map στο jQuery

Η μέθοδος map καλεί μια δεδομένη συνάρτηση για κάθε στοιχείο ενός συνόλου. Είναι ιδιαίτερα χρήσιμη για την απόκτηση ή τον ορισμό τιμών μιας συλλογής στοιχείων.

Η μέθοδος map επιστρέφει ένα επανασχηματισμένο σύνολο διαφορετικών στοιχείων και αντικειμένων, σε αντίθεση με τη μέθοδο each, η οποία επιστρέφει το αρχικό σύνολο στοιχείων.

Ας υποθέσουμε ότι στον HTML κώδικά μας υπάρχουν πολλές παράγραφοι:

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

Ας χρησιμοποιήσουμε τη μέθοδο map για να εμφανίσουμε στην οθόνη μια λίστα με τα ονόματα id των στοιχείων, χωρισμένα με κόμματα. Για κάθε p θα παίρνουμε το id χρησιμοποιώντας τη map και την get. Στη συνέχεια, θα χρησιμοποιήσουμε τη μέθοδο JavaScript join, για να εμφανίσουμε τις τιμές που προέκυψαν ως μια συμβολοσειρά:

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

Χρησιμοποιώντας τη μέθοδο map αλλάξτε τα id όλων των p στις τακτικές τους θέσεις.