jquery分析文本里url或邮件地址为真实链接的方法


Posted in Javascript onJune 20, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
window.onload和$(function(){})的区别介绍
Oct 30 Javascript
Js实现动态添加删除Table行示例
Apr 14 Javascript
关于JS数组追加数组采用push.apply的问题
Jun 09 Javascript
JavaScript函数定义的常见注意事项小结
Sep 16 Javascript
JavaScript的RequireJS库入门指南
Jul 01 Javascript
jquery+ajax请求且带返回值的代码
Aug 12 Javascript
js传值后台中文出现乱码的解决方法
Jun 30 Javascript
VUE开发一个图片轮播的组件示例代码
Mar 06 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
Aug 22 Javascript
基于AngularJS的简单使用详解
Sep 10 Javascript
javascript中join方法实例讲解
Feb 21 Javascript
node.JS路径解析之PATH模块使用方法详解
Feb 06 Javascript
jQuery实现文本框输入同步的方法
Jun 20 #Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
Jun 19 #Javascript
jquery实现的代替传统checkbox样式插件
Jun 19 #Javascript
JQuery实现的图文自动轮播效果插件
Jun 19 #Javascript
移除AngularJS下URL中的#字符的方法
Jun 19 #Javascript
使用AngularJS创建单页应用的编程指引
Jun 19 #Javascript
使用AngularJS实现可伸缩的页面切换的方法
Jun 19 #Javascript
You might like
PHP 反射机制实现动态代理的代码
2008/10/22 PHP
分享下PHP register_globals 值为on与off的理解
2013/09/26 PHP
session 加入redis的实现代码
2016/07/15 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
PHP中16个高危函数整理
2019/09/19 PHP
一些常用的JS功能函数(2009-06-04更新)
2009/06/04 Javascript
javascript+iframe 实现无刷新载入整页的代码
2010/03/17 Javascript
JavaScript 原型继承之构造函数继承
2011/08/26 Javascript
用js实现控件的隐藏及style.visibility的使用
2013/06/14 Javascript
JS实现简易图片轮播效果的方法
2015/03/25 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
2015/12/03 Javascript
JS实现的幻灯片切换显示效果
2016/09/07 Javascript
用node和express连接mysql实现登录注册的实现代码
2017/07/05 Javascript
Angular4实现动态添加删除表单输入框功能
2017/08/11 Javascript
JS switch判断 三目运算 while 及 属性操作代码
2017/09/03 Javascript
vue + webpack如何绕过QQ音乐接口对host的验证详解
2018/07/01 Javascript
修改vue+webpack run build的路径方法
2018/09/01 Javascript
node省市区三级数据性能测评实例分析
2019/11/06 Javascript
js实现移动端吸顶效果
2020/01/08 Javascript
JSONP 的原理、理解 与 实例分析
2020/05/16 Javascript
[00:33]2016完美“圣”典风云人物:BurNIng宣传片
2016/12/10 DOTA
Python遍历目录并批量更换文件名和目录名的方法
2016/09/19 Python
浅谈python中的__init__、__new__和__call__方法
2017/07/18 Python
python使用tomorrow实现多线程的例子
2019/07/20 Python
pandas 像SQL一样使用WHERE IN查询条件说明
2020/06/05 Python
N.Peal官网:来自伦敦的高档羊绒品牌
2018/10/29 全球购物
地球鞋加拿大官网:Earth Shoes Canada
2020/11/17 全球购物
北承题目(C++)
2012/05/16 面试题
Java语言程序设计测试题判断题部分
2013/01/06 面试题
2013年高中生自我评价
2013/10/23 职场文书
政府绩效管理实施方案
2014/05/04 职场文书
单位委托书怎么写
2014/09/21 职场文书
2016年法制宣传月活动总结
2016/04/01 职场文书
python缺失值的解决方法总结
2021/06/09 Python
Python获取指定日期是"星期几"的6种方法
2022/03/13 Python
Python内置类型集合set和frozenset的使用详解
2022/04/26 Python