Konwersja na tablicę w jQuery
Metoda toArray
przekształca zestaw elementów jQuery na zwykłą
tablicę JavaScript. Jest to potrzebne po to, aby
do tej tablicy można było zastosować metody i
funkcje JavaScript, na przykład,
posortować
tę tablicę lub
odwrócić.
Rozważmy dla przykładu następujący kod HTML:
<p>text1</p>
<p>text2</p>
<p>text3</p>
<div>text4</div>
Pobierzmy wszystkie elementy z
tagiem p w postaci tablicy za pomocą metody toArray,
odwróćmy ją, używając
reverse.
Następnie wypiszmy tekstową zawartość elementów
w postaci ciągu znaków, używając metody JavaScript
join.
Aby wyodrębnić tekst elementów i wypisać otrzymaną
tablicę w postaci ciągu znaków, napiszemy funkcję print,
której parametrem będzie odwrócona tablica:
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());
Pobierz wszystkie elementy z tagiem span
w postaci tablicy i u tekstowej zawartości
każdego elementu zrób pierwszą literę
wielką. Wypisz w konsoli otrzymaną
tablicę z tekstami w postaci ciągu znaków.