Question

I have this:

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

</li>

I want this

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

    </li>

Can someone give me some jquery to do this? Also “/My/Website” has to be changed to something different for each li…is this possible?

Answer 1

Using each, you can give each li span.mad a different website url

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

http://jsfiddle.net/6EzDs/

(or using wrap)

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