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

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

我的页面上有此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>

FirstName LastName一些长文本。。他是一位杰出的领袖，他是一位伟大的领袖

在页面加载时，我希望获取所有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>

FirstName LastName

简而言之，我想在页面加载时将这些元素转换为tipsy。有什么建议或线索吗？谢谢。

$(".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();
});

$（“.fortipsy”）。每个（函数（）{
var txt=$（this.text（）；
$（this.parent（）.append（“”）
$（this.remove（）；
});