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>

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

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

最佳答案

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