在dom中使用javascript或jquery插入元素

Question

我正在使用此腳本將第三個不同的span插入到第一個，第二個和第三個li s。

$("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

如果你想要它做的是那裏所有李標籤：

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

如果有超過三層華里的標籤，你只希望它做的三個第一：

$("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>"); 
    });