jQueryでの配列への変換

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

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

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

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

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

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

タグ span を持つ全ての要素を配列として取得し、各要素のテキスト内容の最初の文字を大文字にしてください。得られたテキストの配列を文字列としてコンソールに出力してください。