Tömbbe alakítás jQuery-ben

A toArray módszer egy jQuery elemkészletet átalakít egy hagyományos JavaScript tömbbé. Ez azért szükséges, hogy a JavaScript metódusokat és függvényeket lehessen rá alkalmazni, például rendezni ezt a tömböt vagy megfordítani.

Vegyük példaként a következő HTML kódot:

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

Kapjuk meg az összes p taggel rendelkező elemet tömb formájában a toArray módszerrel, fordítsuk meg, használva a reverse metódust. Majd jelenítsük meg az elemek szöveges tartalmát sorként, a JavaScript join metódusával.

Az elemek szövegének kinyeréséhez és a kapott tömb sztringként való megjelenítéséhez írunk egy print függvényt, amelynek paramétere a megfordított tömb lesz:

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

Kapja meg az összes span taggel rendelkező elemet tömb formájában, és minden elem szöveges tartalmának első betűjét tegye nagybetűssé. Jelenítse meg a konzolon a kapott szövegekkel rendelkező tömböt sztringként.