認識到http鏈接和創建錨標記

Question

我想解析一些字符串，並且它嵌入了一些http鏈接。我想使用jQuery在這個字符串中動態創建錨標籤，然後在前端顯示它們，以便用戶可以點擊它們。

有沒有辦法做到這一點？

謝謝！

Answer 1

你可以這樣說：

$(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

Answer 2

@cfarm，你可以抓取網址並構建你自己的html。

解析字符串並開始製作的URL，並保持一個佔位符在HTML中，使用

http://api.jquery.com/html/

或

http://api.jquery.com/append/