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 相关文章推荐
用于自动添加Digg This!按钮的JavaScript
Dec 23 Javascript
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
May 07 Javascript
判断多个input type=file是否有已经选择好文件的代码
May 23 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
Sep 04 Javascript
使用JS+plupload直接批量上传图片到又拍云
Dec 01 Javascript
AngularJS实现表单验证
Jan 28 Javascript
js实现跨域的多种方法
Dec 25 Javascript
vue双向数据绑定原理探究(附demo)
Jan 17 Javascript
Node.js创建Web、TCP服务器
Dec 05 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 Javascript
js面试题之异步问题的深入理解
Sep 20 Javascript
用js实现放大镜效果
Oct 28 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程序--记数器
2006/10/09 PHP
PHP 加密/解密函数 dencrypt(动态密文,带压缩功能,支持中文)
2009/01/30 PHP
rephactor 优秀的PHP的重构工具
2011/06/09 PHP
解析PHP函数array_flip()在重复数组元素删除中的作用
2013/06/27 PHP
PHP与MYSQL中UTF8 中文排序示例代码
2014/10/23 PHP
PHP多态代码实例
2015/06/26 PHP
Yii实现的多级联动下拉菜单
2016/07/13 PHP
PHP实现RSA签名生成订单功能【支付宝示例】
2017/06/06 PHP
ThinkPHP5&amp;5.1实现验证码的生成、使用及点击刷新功能示例
2020/02/07 PHP
JavaScript中的运算符种类及其规则介绍
2013/09/26 Javascript
javascript正则表达式参数/g与/i及/gi的使用指南
2014/08/27 Javascript
javascript中$(function() {});写与不写有哪些区别
2015/08/10 Javascript
AngularJS的ng-repeat指令与scope继承关系实例详解
2017/01/21 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
2017/01/26 Javascript
jQuery zTree树插件动态加载实例代码
2017/05/11 jQuery
jQuery遮罩层实例讲解
2017/05/11 jQuery
详解VUE 定义全局变量的几种实现方式
2017/06/01 Javascript
Vue父子组建的简单通信之控制开关Switch的实现
2018/06/04 Javascript
NodeJs项目中关闭ESLint的方法
2018/08/09 NodeJs
vue动态禁用控件绑定disable的例子
2019/10/28 Javascript
原生js实现日历效果
2020/03/02 Javascript
javascript实现前端input密码输入强度验证
2020/06/24 Javascript
[55:47]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第三局
2016/02/27 DOTA
[52:10]LGD vs Optic Supermajor小组赛D组胜者组决赛 BO3 第二场 6.3
2018/06/04 DOTA
跟老齐学Python之网站的结构
2014/10/24 Python
Django后台admin的使用详解
2019/07/08 Python
Python操作Elasticsearch处理timeout超时
2020/07/17 Python
纯CSS3代码实现switch滑动开关按钮效果
2016/08/30 HTML / CSS
HTML5边玩边学(3)像素和颜色
2010/09/21 HTML / CSS
html5 canvas 画图教程案例分析
2012/11/23 HTML / CSS
Dr. Martens马汀博士官网:马丁靴始祖品牌
2016/10/15 全球购物
学校校庆演讲稿
2014/05/22 职场文书
护士年终考核评语
2014/12/31 职场文书
MySQL 1130异常,无法远程登录解决方案详解
2021/08/23 MySQL
MySQL修改默认引擎和字符集详情
2021/09/25 MySQL
php将xml转化对象的实例详解
2021/11/17 PHP