Result
http://jsfiddle.net/kachibito/557yU/embedded/result,js,css,html
jQuery
$("ol li").each(function (i) { //要素の数を取得 i = i+1; //要素の頭に数値を加える $(this).prepend('<span class="number"> No.'+i+'</span>'); });
css
.number{ color:red; display:inline-block; margin-right:15px; font-size:20px; } ol{margin:25px;} li{margin-bottom:15px;}
html
<ol> <li>list</li> <li>list</li> <li>list</li> <li>list</li> <li>list</li> </ol>