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

Ads

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

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