jQueryでの配列への変換

メソッド toArray は、jQuery要素のセットを通常の JavaScriptの配列に変換します。これにより、 この配列にJavaScriptのメソッドや関数を 適用できるようになります。例えば、 並べ替え たり、 反転 させたりすることができます。

例として、以下のHTMLコードを考えてみましょう：

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

タグ p を持つ全ての要素を、メソッド toArray を使って 配列として取得し、 reverse を使って反転させてみましょう。 その後、JavaScriptのメソッド join を使用して、要素のテキスト内容を文字列として出力します。

要素のテキストを抽出し、得られた配列を文字列として出力するために、 パラメータとして反転された配列を受け取る関数 print を書きます：

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