Conversion en tableau dans jQuery

La méthode toArray convertit un ensemble d'éléments jQuery en un tableau JavaScript ordinaire. Ceci est nécessaire pour pouvoir appliquer à ce tableau des méthodes et fonctions JavaScript, par exemple, trier ce tableau ou renverser.

Prenons comme exemple le code HTML suivant :

<p>text1</p>
<p>text2</p>
<p>text3</p>
<div>text4</div>

Récupérons tous les éléments avec la balise p sous forme de tableau à l'aide de la méthode toArray, renversons-le, en utilisant reverse. Ensuite, affichons le contenu textuel des éléments sous forme de chaîne, en utilisant la méthode JavaScript join.

Pour extraire le texte des éléments et afficher le tableau obtenu sous forme de chaîne, nous écrirons la fonction print, dont le paramètre sera le tableau renversé :

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());

Obtenez tous les éléments avec la balise span sous forme de tableau et pour le contenu textuel de chaque élément, mettez la première lettre en majuscule. Affichez dans la console le tableau obtenu avec les textes sous forme de chaîne.