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 相关文章推荐
jQuery在iframe中无法弹出对话框的解决方法
Jan 12 Javascript
JS模拟Dialog弹出浮动框效果代码
Oct 16 Javascript
jquery删除数组中重复元素
Dec 05 Javascript
JavaScript实现图片切换效果
Aug 12 Javascript
详解node服务器中打开html文件的两种方法
Sep 18 Javascript
利用10行js代码实现上下滚动公告效果
Dec 08 Javascript
详解webpack4多入口、多页面项目构建案例
May 25 Javascript
vue的过滤器filter实例详解
Sep 17 Javascript
vue2 设置router-view默认路径的实例
Sep 20 Javascript
JavaScript实现星级评价效果
May 17 Javascript
在vue项目实现一个ctrl+f的搜索功能
Feb 28 Javascript
Vue+Element UI实现概要小弹窗的全过程
May 30 Vue.js
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下用cookie统计用户访问网页次数的代码
2010/05/09 PHP
php中将网址转换为超链接的函数
2011/09/02 PHP
php实现读取超大文件的方法
2014/07/28 PHP
让whoops帮我们告别ThinkPHP6的异常页面
2020/03/02 PHP
JavaScript加强之自定义callback示例
2013/09/21 Javascript
JavaScript动态创建div属性和样式示例代码
2013/10/09 Javascript
浅析js设置控件的readonly与enabled属性问题
2013/12/25 Javascript
fckeditor粘贴Word时弹出窗口取消的方法
2014/10/30 Javascript
javascript实现简单查找与替换的方法
2015/07/22 Javascript
JavaScript去掉数组重复项的方法分析【测试可用】
2018/07/19 Javascript
NodeJS 中Stream 的基本使用
2018/07/30 NodeJs
原生JS实现自定义下拉单选选择框功能
2018/10/12 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
2018/11/22 Javascript
js实现跟随鼠标移动的小球
2019/08/26 Javascript
Python 调用Java实例详解
2017/06/02 Python
python 表达式和语句及for、while循环练习实例
2017/07/07 Python
Python SQLite3简介
2018/02/22 Python
python数字图像处理之骨架提取与分水岭算法
2018/04/27 Python
python实现微信机器人: 登录微信、消息接收、自动回复功能
2019/04/29 Python
python 实现查询Neo4j多节点的多层关系
2019/12/23 Python
使用Python爬虫库requests发送表单数据和JSON数据
2020/01/25 Python
celery在python爬虫中定时操作实例讲解
2020/11/27 Python
不同浏览器对CSS3和HTML5的支持状况
2009/10/31 HTML / CSS
美体小铺英国官网:The Body Shop英国
2017/01/24 全球购物
RetroStage德国:复古服装
2019/02/03 全球购物
旅游管理专业学生求职信
2013/09/28 职场文书
秘书英文求职信
2014/04/16 职场文书
工厂搬迁方案
2014/05/11 职场文书
党的群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
搞笑老公保证书
2015/02/26 职场文书
2016年春节慰问信息
2015/03/25 职场文书
2015年敬老院工作总结
2015/05/18 职场文书
百日宴上的祝酒词
2015/08/10 职场文书
Java移除无效括号的方法实现
2021/08/07 Java/Android
sass 常用备忘案例详解
2021/09/15 HTML / CSS
光之国的四大叛徒:第一贝利亚导致宇宙毁灭,赛文奥特曼在榜
2022/03/18 日漫