javascriptまたはjqueryを使用してDOM内の要素を挿入してください

Question

私はこのスクリプトを使用して、spanを1,2,3番目の1,に挿入しています。

$("ul li:eq(0)").prepend("<span>1</span>"); 
$("ul li:eq(1)").prepend("<span>2</span>"); 
$("ul li:eq(2)").prepend("<span>3</span>"); 

このコードをリファクタリングして冗長性を削除する方法はありますか？

Answer 1

あなたがそこにあるすべてのliタグにそれをしたい場合：

$("ul li").each(function(i) { 
    $(this).prepend("<span>" + (i + 1) + "</span>"); 
}); 

そこつ以上のliタグであり、あなたはそれが最初の3に行わたい場合：

$("ul li:lt(3)").each(function(i) { 
    $(this).prepend("<span>" + (i + 1) + "</span>"); 
}); 

ここ

ワーキングjsFiddle：

Answer 2

それとも、この

$("ul li").prepend(function(index, html){ 
       return ("<span>" + (index+1) + "</span>"); 
    }); 

0のようにこれを行うことができます