Как обернуть текст тегом изображения?

Question

В основном у меня есть вывод html в формате:

<div class="qtip-content">http://www.urlgoeshere.com/image.jpg</div>

Что я хочу сделать, это использовать jQuery, чтобы обернуть это в тег изображения, чтобы вывод был

<div class="qtip-content"><img src="http://www.urlgoeshere.com/image.jpg" /></div>

У меня есть несколько таких экземпляров на странице, и каждый URL отличается.

Как я могу это сделать?

Answer 1

Это будет обрабатывать каждый элемент на вашей странице

$(".qtip-content").each(function() {
    $(this).html("<img src='" + $(this).html() + "' />");
}

Answer 2

$('.qtip-content').each(function(){
   $(this).html("<img src='"+$(this).html()+"'/>");

});