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