文字の色を一文字ずつ変える方法は何でしょうか？
<p>テキスト内の各文字の色を 1 つずつ変更したいと思います。例えば：
こんにちは世界
最初に「H」が赤に変わり、次に「E」、次に「L」というようになります。 </p>
<p>各文字をspanで囲み、jqueryとループを使用してみました。しかし、うまくいきません。 </p>
<p>
<pre class="brush:js;toolbar:false;">$("span").ready(function() {
var 文字 = $("スパン").length;
for (let i = 0; i <= 文字; i ) {
$("スパン")[i].css("色", "赤");
}
})</pre>
<pre class="brush:html;toolbar:false;"><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> ;</スクリプト>
H
<span>E</span>
L
L
O
<span>、</span>
W
O
<span>R</span>
L
D
</p>
