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

我正在使用这个脚本在第1，第2和第3个li插入三个不同的span 。

 $("ul li:eq(0)").prepend("1"); $("ul li:eq(1)").prepend("2"); $("ul li:eq(2)").prepend("3"); 

有没有办法重构此代码以消除冗余？

Answer 1

如果你想对那里的所有li标签做：

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

如果有超过三个li标签，并且您只希望它完成前三个：

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

在这里工作jsFiddle： http ： //jsfiddle.net/jfriend00/qhgad/

Answer 2

或者你可以这样做

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