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