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