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 相关文章推荐
js 加载并解析XML字符串的代码
Dec 13 Javascript
javascript 模拟坦克大战游戏(html5版)附源码下载
Apr 08 Javascript
javascript轻量级模板引擎juicer使用指南
Jun 22 Javascript
jQuery实现的图片分组切换焦点图插件
Jan 06 Javascript
javascript手风琴下拉菜单实现代码
Nov 12 Javascript
jQuery实现的自适应焦点图效果完整实例
Aug 24 Javascript
jQuery+ajax读取并解析XML文件的方法
Sep 09 Javascript
你不知道的 javascript【推荐】
Jan 08 Javascript
JS实现带导航城市列表以及输入搜索功能
Jan 04 Javascript
vue.js删除列表中的一行
Jun 30 Javascript
JS模拟实现京东快递单号查询
Nov 30 Javascript
JavaScript实现外溢动态爱心的效果的示例代码
Mar 21 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
Smarty变量调节器失效的解决办法
2014/08/20 PHP
学习php设计模式 php实现单例模式(singleton)
2015/12/07 PHP
Zend Framework教程之Loader以及PluginLoader用法详解
2016/03/09 PHP
ThinkPHP模板循环输出Volist标签用法实例详解
2016/03/23 PHP
css transform 3D幻灯片特效实现步骤解读
2013/03/27 Javascript
js 定时器setTimeout无法调用局部变量的解决办法
2013/11/28 Javascript
SinaEditor使用方法详解
2013/12/28 Javascript
JavaScript按位运算符的应用简析
2014/02/04 Javascript
js实现仿阿里巴巴城市选择框效果实例
2015/06/24 Javascript
浅谈jQuery的offset()方法及示例分享
2015/07/17 Javascript
详解JavaScript异步编程中jQuery的promise对象的作用
2016/05/03 Javascript
JavaScript制作简单分页插件
2016/09/11 Javascript
Vue.js学习教程之列表渲染详解
2017/05/17 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
vue项目中引入noVNC远程桌面的方法
2018/03/05 Javascript
node.js环境搭建图文详解
2018/09/19 Javascript
Nuxt升级2.0.0时出现的问题(小结)
2018/10/08 Javascript
归纳整理Python中的控制流语句的知识点
2015/04/14 Python
使用rpclib进行Python网络编程时的注释问题
2015/05/06 Python
python实现复制整个目录的方法
2015/05/12 Python
浅谈python日志的配置文件路径问题
2018/04/28 Python
Python List cmp()知识点总结
2019/02/18 Python
Python数据类型之Set集合实例详解
2019/05/07 Python
wxPython实现带颜色的进度条
2019/11/19 Python
解决os.path.isdir() 判断文件夹却返回false的问题
2019/11/29 Python
Python多线程操作之互斥锁、递归锁、信号量、事件实例详解
2020/03/24 Python
python实现快速文件格式批量转换的方法
2020/10/16 Python
使用 CSS3 中@media 实现网页自适应的示例代码
2020/03/24 HTML / CSS
国际性能运动服装品牌:Dare 2b
2018/07/27 全球购物
PHP中如何创建和修改数组
2012/05/02 面试题
医护人员英文求职信范文
2013/11/26 职场文书
自荐信怎么写呢?
2013/12/09 职场文书
电子信息工程自荐信
2014/05/26 职场文书
责任书范本
2014/08/25 职场文书
奖金申请报告模板
2015/05/15 职场文书
2015年高校教师个人工作总结
2015/05/25 职场文书