迭代动态标记并使用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>

我想在名称标签Mary，Nick，Matt，Meg和span标签中的1,2,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>";
});