Question

I’m trying to parse some string and it has some http links embedded in it. I’d like to dynamically create anchor tags within this string using jquery then display them on the front end so the user can click them.

Is there a way to do this?

Thanks!

Answer 1

You can do it like this:

$(function(){
    //get the string
    var str = $("#text").html();
    //create good link matching regexp
    var regex = /(https?:\/\/([-\w\.]+)+(:\d+)?(\/([\w\/_\.]*(\?\S+)?)?)?)/g
    // $1 is the found URL in the text
    // str.replace replaces the found url with <a href='THE URL'>THE URL</a>
    var replaced_text = str.replace(regex, "<a href='$1'>$1</a>")
    //replace the contents
    $("#text").html(replaced_text);
});

working example