Как заменить текст на картинку с помощью jquery?

Question

[Павел]

Ситуация такая , есть у меня сайт на wp , там плагин для полей пользователя , он меня полностью устраивает за исключением одного но , надо сделать произвольное поле пользователю из 5 картинок , которые может редактировать только админ. Сейчас функционал таков что просто картинку вставить нельзя , можно вставить кучу полей и с редактированием все ок но вот с картинкой беда , не хочу лезть колупать плагин , думаю может есть способ заменить найденный на странице текст на код html , что то типа
img1354845 - заменить на

<img src="http://pikchyriki.net/avatar/sharji-na-zvezd/64/6.jpg" alt="">

сделал такой скрипт

$("span").each(function() {
        var text = $(this).text();

        function pikcha() {
            var immg = 'src';
            immg.html('<img src="http://pikchyriki.net/avatar/sharji-na-zvezd/64/6.jpg" alt="">');
            return immg;
        }
        text = text.replace('idimg1, idimg4', pikcha);
        $(this).text(text);
    });

но он выводит код как текст , а не как html , подскажите как проще сделать мою хотелку?)

Answer 1

[Exploding]

$(this).text(text); - сами текст же написали))
$(this).html(text); - вот так. последнюю строчку замените метод.
---------------------------------------------------
так лучше

$("span").each(function() { //тут класс хоть какой-то укажите!
        var text = $(this).html(); // с этим сами разберетесь куда его там нужно вам
		$('<img src="http://pikchyriki.net/avatar/sharji-na-zvezd/64/6.jpg" alt="">').appendTo($(this));
    });

Comments

[Павел]

один из тех моментов когда пора спать)))

[Exploding]

mrusklon: Но то был говнокод...
Лучше сделайте так:

$("span").each(function() { //тут класс хоть какой-то укажите!
        var text = $(this).html(); // с этим сами разберетесь куда его там нужно вам
		$('<img src="http://pikchyriki.net/avatar/sharji-na-zvezd/64/6.jpg" alt="">').appendTo($(this));
    });