Conversión a array en jQuery

El método toArray convierte un conjunto de elementos jQuery en un array normal de JavaScript. Esto es necesario para poder aplicar métodos y funciones de JavaScript a este array, por ejemplo, ordenar este array o invertir su orden.

Consideremos el siguiente código HTML como ejemplo:

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

Obtengamos todos los elementos con la etiqueta p en forma de array usando el método toArray, invertimos su orden, usando reverse. Luego mostramos el contenido textual de los elementos en forma de cadena, usando el método de JavaScript join.

Para extraer el texto de los elementos y mostrar el array resultante como una cadena, escribiremos la función print, cuyo parámetro será el array invertido:

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

Obtenga todos los elementos con la etiqueta span en forma de array y convierta la primera letra del contenido textual de cada elemento a mayúscula. Muestre en la consola el array resultante con los textos en forma de cadena.