Jquery - 将html元素的内容转换为另一个元素

Question

我想将同一个类的许多元素转换为其他元素。让我解释一下......

我的页面上有这个HTML的多个实例：

<td>FirstName LastName <span class="fortipsy">Some long text .. Lorem ipsum dolor sit   amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat</span></td>

在页面加载时，我想获取所有span标记，并将每个标记转换为：

<td>FirstName LastName <a href="#" class="tipsy" title="Some long text .. Lorem ipsum    dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat"><img src="tipsy.gif" border="0"></a></td>

简而言之，我希望将这些元素转换为页面加载时的醉意。任何建议或线索？感谢。

Answer 1

<强> jsFiddle Demo

$(".fortipsy").each(function () {
    var txt = $(this).text();
    $(this).parent().append("<a href='#' class='tipsy' title='" + txt + "'><img src='tipsy.gif' border='0'></a>")
    $(this).remove();
});