普通のリストに任意の文字列と番号を加える・改正 - かちびと.net

「普通のリストに任意の文字列と番号を加える」のコードが、同じページ内で複数作ると上手く動作しない、と連絡を頂いたので改正版。 Result jQuery $('ul > li').each(function() { $(this).prepend("<span class='number'> No." + ($(this).index() +1) + "</span>"); }); index()メソッドで取得したインデックス番号は0からなので1を足してナンバリングする。 css .number{/*ナンバリングした数字のスタイル*/ color:red; display:inline-block; margin-right:15px; font-size:20px; } via Add Numbers into an Ordered List

[atsushi1972]

普通のリストに任意の文字列と番号を加える・改正版を書きました。同ページ内に複数リストがあっても正常にナンバリングできます。 「普通のリストに任意の文字列と番号を加える」のコードが、同じページ内で複数作

[Donca]

✔ 普通のリストに任意の文字列と番号を加える・改正

[OfficeRiverHead]

「普通のリストに任意の文字列と番号を加える」のコードが、同じページ内で複数作ると上手く動作しない、と連絡を頂いたので改正版。 Result jQuery $('ul &gt; li').each(function() { $(this).prepend(&quot;&lt;span class='number'&gt; No.&quot; + ($