识别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);
});

工作示例

Answer 2

@cfarm ，您可以获取 url 并构建您自己的 html。

解析字符串并开始创建 url 并在 Html 中保留占位符，使用

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

或

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