Μετατροπή σε πίνακα στο jQuery
Η μέθοδος toArray
μετατρέπει ένα σύνολο στοιχείων jQuery σε έναν κανονικό
πίνακα JavaScript. Αυτό είναι απαραίτητο για να
μπορούν να εφαρμοστούν σε αυτόν τον πίνακα μέθοδοι και
συναρτήσεις JavaScript, για παράδειγμα,
να ταξινομηθεί
αυτός ο πίνακας ή
να αντιστραφεί.
Ας εξετάσουμε για παράδειγμα τον ακόλουθο κώδικα HTML:
<p>text1</p>
<p>text2</p>
<p>text3</p>
<div>text4</div>
Ας πάρουμε όλα τα στοιχεία με
την ετικέτα p σε μορφή πίνακα χρησιμοποιώντας τη μέθοδο toArray,
να τον αντιστρέψουμε, χρησιμοποιώντας
reverse.
Στη συνέχεια, θα εμφανίσουμε το κειμενικό περιεχόμενο των στοιχείων
σε μορφή συμβολοσειράς, χρησιμοποιώντας τη μέθοδο JavaScript
join.
Για την εξαγωγή του κειμένου των στοιχείων και την εμφάνιση του προκύπτοντος
πίνακα ως συμβολοσειράς, θα γράψουμε τη συνάρτηση print,
της οποίας η παράμετρος θα είναι ο ανεστραμμένος πίνακας:
function print(elems) {
let arr = [];
for (let i = 0; i < elems.length; i++) {
arr.push(elems[i].innerHTML);
}
alert(arr.join(' '));
}
print($('p').toArray().reverse());
Πάρτε όλα τα στοιχεία με την ετικέτα span
σε μορφή πίνακα και για το κειμενικό περιεχόμενο
κάθε στοιχείου κάντε το πρώτο γράμμα
κεφαλαίο. Εμφανίστε στην κονσόλα τον πίνακα
με τα κείμενα σε μορφή συμβολοσειράς.