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演示

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