Muuntaminen taulukoksi jQuery:ssä

Menetelmä toArray muuntaa jQuery-elementtikokoelman tavalliseksi JavaScript-taulukoksi. Tätä tarvitaan, jotta tähän taulukkoon voidaan soveltaa JavaScriptin menetelmiä ja toimintoja, esimerkiksi lajitella tämä taulukko tai kääntää.

Tarkastellaan esimerkkinä seuraavaa HTML-koodia:

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

Haetaan kaikki elementit, joiden tagi on p, taulukkona käyttämällä menetelmää toArray, käännettään se, käyttämällä reverse. Sitten tulostetaan elementtien tekstisisältö merkkijonona käyttämällä JavaScriptin menetelmää join.

Elementtien tekstin poimimiseksi ja saatujen taulukoiden tulostamiseksi merkkijonona kirjoitamme funktion print, jonka parametrina on käännetty taulukko:

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

Hae kaikki elementit, joiden tagi on span, taulukkona ja tee jokaisen elementin tekstisisällön ensimmäisestä kirjaimesta iso kirjain. Tulosta konsoliin saatu taulukko teksteinä merkkijonona.