вставить элемент в DOM, используя JavaScript или JQuery

Question

Я использую этот скрипт для вставки трех разных span в 1, 2 и 3 li

$("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 и вы хотите, чтобы это было сделано только для первых трех тегов:

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

Рабочая jsFiddle здесь: http://jsfiddle.net/jfriend00/qhgad/

Answer 2

Или вы можете сделать это так

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