jQuery - 'href' 插件？ [复制]答案

【问题标题】：jQuery - 'href' plug-in? [duplicate]jQuery - 'href' 插件？ [复制]
【发布时间】：2014-04-10 21:39:59
【问题描述】：

如果有人知道可以在 div 上找到链接并使其可点击的插件？我有带有文本的 div：

<div id="mytext">Wow, please go to http://www.google.com - this is my home page ;)</div>

我想制作自动可点击的链接。

【问题讨论】：

这真的很有趣，我敢肯定你不会在那里找到插件，但你可以创建一个功能来做到这一点
使用replace 和搜索栏查找正则表达式。
我不知道，所以does however。一定要喜欢搜索...
见jquery's linkify。比重新发明轮子要好，因为有一百万种极端情况，除非您只打算处理特定的数据子集。

标签： javascript jquery

【解决方案1】：

一个易于遵循的实现：

Fiddle

var url_pattern = /((([A-Za-z]{3,9}:(?:\/\/)?)(?:[\-;:&=\+\$,\w]+@)?[A-Za-z0-9\.\-]+|(?:www\.|[\-;:&=\+\$,\w]+@)[A-Za-z0-9\.\-]+)((?:\/[\+~%\/\.\w\-_]*)?\??(?:[\-\+=&;%@\.\w_]*)#?(?:[\.\!\/\\\w]*))?)/;

var content = $("#mytext").text();
var newContent = content.replace(url_pattern, function (link) {
    return '<a href="' + link + '" target="_blank">' + link + '</a>';
});
$('#mytext').html(newContent);

【讨论】：