jquery分析文本里url或邮件地址为真实链接的方法
更新时间:2015年06月20日 10:23:37 作者:不吃皮蛋
这篇文章主要介绍了jquery分析文本里url或邮件地址为真实链接的方法,涉及jQuery正则匹配与替换的相关技巧,需要的朋友可以参考下
本文实例讲述了jquery分析文本里url或邮件地址为真实链接的方法。分享给大家供大家参考。具体如下:
这段代码可以分析出文本里的所有超级链接,包含邮件、url、#链接等等,并分别输出为真实链接地址
$.fn.tweetify = function() { this.each(function() { $(this).html( $(this).html() .replace(/((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi,'<a href="$1">$1</a>') .replace(/(^|\s)#(\w+)/g,'$1<a href="http://search.twitter.com/search?q=%23$2">#$2</a>') .replace(/(^|\s)@(\w+)/g,'$1<a href="http://twitter.com/$2">@$2</a>') ); }); return $(this); }
用法:
复制代码 代码如下:
$("p").tweetify();
原始文本:
复制代码 代码如下:
<p>@seanhood have you seen this http://icanhascheezburger.com/ #lol</p>
分析以后:
<p><a href="http://twitter.com/seanhood">@seanhood</a> have you seen this <a href="http://icanhascheezburger.com/">http://icanhascheezburger.com/</a> <a href="http://search.twitter.com/search?q=%23lol">#lol</a></p>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
jQuery使用animate实现ul列表项相互飘动效果示例
这篇文章主要介绍了jQuery使用animate实现ul列表项相互飘动效果,结合实例形式分析了jQuery使用animate动画切换的操作技巧,需要的朋友可以参考下2016-09-09
最新评论