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实现ul列表项相互飘动效果,结合实例形式分析了jQuery使用animate动画切换的操作技巧,需要的朋友可以参考下
    2016-09-09
  • jquery实现动态菜单的实例代码

    jquery实现动态菜单的实例代码

    这篇文章主要介绍了jquery实现动态菜单的实例代码。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • jQuery on()绑定动态元素出现的问题小结

    jQuery on()绑定动态元素出现的问题小结

    jQuery on()方法是官方推荐的绑定事件的一个方法。使用 on() 方法可以给将来动态创建的动态元素绑定指定的事件,通过本文给大家介绍jQuery on()绑定动态元素出现的问题小结,需要的朋友参考下
    2016-02-02
  • jQuery中Form相关知识汇总

    jQuery中Form相关知识汇总

    这篇文章主要介绍了jQuery中Form相关知识汇总,总结的十分全面,需要的朋友可以参考下
    2015-01-01
  • Discuz! 6.1_jQuery兼容问题

    Discuz! 6.1_jQuery兼容问题

    在Discuz! 6.1中无法直接使用jQuery,此时对/include/javascript/common.js文件应用如下补丁即可。
    2008-09-09
  • jQuery窗口拖动功能的实现代码

    jQuery窗口拖动功能的实现代码

    本文通过jquery代码实现窗口拖动功能以及jQuery 鼠标拖拽移动窗口的实现代码,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下
    2017-02-02
  • jquery实现无刷新验证码的简单实例

    jquery实现无刷新验证码的简单实例

    下面小编就为大家带来一篇jquery实现无刷新验证码的简单实例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • jquery中animate动画积累的解决方法

    jquery中animate动画积累的解决方法

    setTimeout使用时会产生动画队列,有可能是在chrome浏览器中窗口不处于最前端时动画的队列产生积累,下面为大家介绍下详细的解决方法
    2013-10-10
  • 关于HTML5的data-*自定义属性的总结

    关于HTML5的data-*自定义属性的总结

    大家总是习惯使用HTML标签添加自定义属性来存储和操作数据,所以才在HTML5规范里增加了一个自定义data属性,这样使用更便捷,一起跟随小编过来看看吧
    2018-05-05
  • jQuery实现点击滚动到指定元素上的方法分析

    jQuery实现点击滚动到指定元素上的方法分析

    这篇文章主要介绍了jQuery实现点击滚动到指定元素上的方法,结合实例形式分析了jQuery响应鼠标事件动态操作页面元素属性的相关相关使用技巧,需要的朋友可以参考下
    2020-03-03

最新评论