jQuery Εκσκαφική - Μέθοδος map()
Παράδειγμα
Δημιουργία λίστας όλων των τιμών του έργου:
$("p").append($("input")).map(function() { ).get().join("\
Ορισμός και χρήση
map() μεταφέρει κάθε στοιχείο μέσω της συνάρτησης στην τρέχουσα συλλογή που ταιριάζει, δημιουργώντας ένα νέο jQuery αντικείμενο που περιέχει τις επιστροφές.
Γλώσσα
.map(callback(index,domElement))
Παράμετροι | Περιγραφή |
---|---|
callback(index,domElement) | Συνάρτηση που καλείται για κάθε στοιχείο στην τρέχουσα συλλογή. |
Περιγραφή
Επειδή η επιστροφή είναι array που είναι 包装 από jQuery, χρησιμοποιήστε get() για να χειριστείτε το αντικείμενο επιστροφής για να πάρετε το βασικό array.
.map() method είναι ιδιαίτερα χρήσιμος για την απόκτηση ή την ρύθμιση τιμών στοιχείων συλλογής. Πensa τονίστε την παρακάτω φόρμα με μια σειρά από κουτιά επιλογής:
<form method="post" action=""> <fieldset> <div> <label for="two">2</label> <input type="checkbox" value="2" id="two" name="number[]"> </div> <div> <label for="four">4</label> <input type="checkbox" value="4" id="four" name="number[]"> </div> <div> <label for="six">6</label> <input type="checkbox" value="6" id="six" name="number[]"> </div> <div> <label for="eight">8</label> <input type="checkbox" value="8" id="eight" name="number[]"> </div> </fieldset> </form>
Μπορούμε να πάρουμε μια λίστα με τα ID των κουτιών επιλογής που είναι χωρισμένα με κόμμα:
$(':checkbox').map(function() { return this.id; ).get().join(',');
Η τρέχουσα κλήση είναι μια αλφαβητική ακολουθία: "two,four,six,eight".
Συμβολή within callback function, η reference χρησιμοποιείται κάθε φορά που η επανελέγχεται η τρέχουσα DOM στοιχείο. Η συνάρτηση μπορεί να επιστρέψει μοναδικό στοιχείο δεδομένων ή αριθμητικό σύνολο στοιχείων που πρέπει να εισαχθούν στο σύνολο αποτελεσμάτων. Αν η συνάρτηση επιστρέψει array, τα στοιχεία στο array θα εισαχθούν στο σύνολο. Αν η συνάρτηση επιστρέψει null ή undefined, κανένα στοιχείο δεν θα εισαχθεί.