「普通のリストに任意の文字列と番号を加える」のコードが、同じページ内で複数作ると上手く動作しない、と連絡を頂いたので改正版。
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;
}
