ダイナミックタグを反復処理し、jqueryの

Question

を使用して移入私は、この今のところ...

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('ul').addClass('navMenu'); 
     $('li').addClass('todo').html("<span class='navItemHead'></span>"); 
     $('span.navItemHead').wrap("<a href='/My/Website'></a>"); 
    }); 
</script> 

は私が名前タグメアリー、ニック、マット、メグと1,2-に入れたい4つの名前を持っています、スパンタグの3,4であるので、最終的なhtmlは..... .....読むべきです。

<li class="todo "> 
     <a href="/Register/Website"><span class="navItemHead">1</span>Mary</a>  
</li> 
<li class="todo "> 
     <a href="/Register/Website"><span class="navItemHead">2</span>Nick</a> 
</li> ....etc 

Answer 1

var names = ['Mary', ...]; 
$('li').addClass('todo').html(function (i) { 
    return "<a href='/My/Website'><span class='navItemHead'>" + (i + 1) + "</span>" + names[i] + "</a>"; 
});