Сделать гипер ссылку на Html ссылку с Jquery

Question

У меня есть содержание Html как

<span> 
http://j.mp/eUcRNK 
</span> 

Я хочу гиперссылкой на выше HTML текста, как этот

<span> 
    <a href="http://j.mp/eUcRNK" class="link" target="_blank"> 
    http://j.mp/eUcRNK 
    </a> 
</span> 

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

Answer 1

$('span').html(function(i,txt){ 
    return $('<a>').text(txt).attr({'target':'_blank', 'href': txt }).addClass('link'); 
}); 

demo

, основываясь на комментариях ниже, я думаю, это решает.

$('span').html(function(i,txt){ 
    return replaceURLWithHTMLLinks(txt); 
}); 

function replaceURLWithHTMLLinks(text) { 
    var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig; 
    return text.replace(exp,"<a class='link' href='$1' target='_blank' >$1</a>"); 
} 

updated fiddle

для JQuery 1.3.2, просто изменить коды JQuery немного.

var span = $('span'); 
span.html(replaceURLWithHTMLLinks(span.html())); 

another updated fiddle

Answer 2

Попробуйте

$("span").each(function(){ 
    var text = $(this).text(); 
    $(this).contents().wrap("<a class='link' href='" + text + "' target='_blank' />") 
});