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