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:

html<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:

javascriptfunction print(elems) {
  let arr = [];
  
  for (let i = 0; i < elems.length; i++) {
      arr.push(elems[i].innerHTML);
  }
  alert(arr.join(' '));
}

print($('p').toArray().reverse());