Transform string into image with JQuery

Question

Another JQuery question for you guys.

Say I have a url of an image in my web page surrounded by square brackets.

[http://www.example.com/picture.jpg]

How could I, with JQuery transform that string like so...

[http://www.example.com/picture.jpg]

into...

<img src="http://www.example.com/picture.jpg" />

?

Answer 1

I'd do something like this

$("some-selector").each(function(){
    $(this).html($(this).html().replace(/\[(http:.*?)\]/gi, function(str, p1){
        return "<img src='"+p1+"' />";
    }));
});

"some-selector" should try to pinpoint where these string occur. If there is nothing like it... just put "body" and see what happens :)