jquery - 使用 JQuery 添加 html

Question

我有这个:

        <span class="mad">2</span> Stuff

</li>

我想要这个

            <a href="/My/Website"><span class="mad">2</span> Website</a>

    </li>

有人可以给我一些 jquery 来做到这一点吗？另外，“/My/Website”必须针对每个 li 更改为不同的内容...这可能吗？

Answer 1

使用each，你可以给每个li span.mad一个不同的网站url

$("li span.mad").each(function(i,e) {
 $(e).html(
    "<a href='/My/Website/"+ (i+1) +"'>"+$(e).html()+"</a>");
});

http://jsfiddle.net/6EzDs/

(或使用换行)

$("li span.mad").each(function(i,e) {
 $(e).wrap("<a href='/My/Website/"+ (i+1) +"' />");
});