javascript - 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>

在页面加载时，我想获取所有跨度标签并将它们中的每一个转换为：

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