Conversão para array em jQuery
O método toArray
converte um conjunto de elementos jQuery em um
array JavaScript comum. Isso é necessário para
que métodos e funções JavaScript possam ser aplicados
a esse array, por exemplo,
ordenar
esse array ou
inverter sua ordem.
Vamos considerar o seguinte código HTML como exemplo:
<p>text1</p>
<p>text2</p>
<p>text3</p>
<div>text4</div>
Vamos obter todos os elementos com a
tag p como um array usando o método toArray,
invertê-lo usando
reverse,
e então exibir o conteúdo de texto dos elementos
como uma string, usando o método JavaScript
join.
Para extrair o texto dos elementos e exibir o array
resultante como uma string, vamos escrever uma função print,
cujo parâmetro será o 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());
Obtenha todos os elementos com a tag span
como um array e torne a primeira letra
do conteúdo de texto de cada elemento
maiúscula. Exiba no console o array resultante
com os textos em forma de string.