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 相关文章推荐
Javascript打印网页部分内容的脚本
Nov 17 Javascript
jquery 1.3.2 IE8中的一点点的小问题解决方法
Jul 10 Javascript
基于jQuery中对数组进行操作的方法
Apr 16 Javascript
JavaScript匿名函数用法分析
Feb 13 Javascript
Backbone.js的Hello World程序实例
Jun 19 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
Sep 17 Javascript
JS仿Base.js实现的继承示例
Apr 07 Javascript
微信小程序canvas写字板效果及实例
Jun 15 Javascript
vue技术分享之你可能不知道的7个秘密
Apr 09 Javascript
在Vue中用canvas实现二维码和图片合成海报的方法
Jun 10 Javascript
微信小程序实现电子签名并导出图片
May 27 Javascript
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
Jul 26 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编写PDF文档生成器
2006/10/09 PHP
如何用PHP来实现一个动态Web服务器
2015/07/29 PHP
PHP排序算法之堆排序(Heap Sort)实例详解
2018/04/21 PHP
PHP调用QQ互联接口实现QQ登录网站功能示例
2019/10/24 PHP
菜单效果
2006/10/14 Javascript
由JavaScript技术实现的web小游戏(不含网游)
2010/06/12 Javascript
一个基于jquery的文本框记数器
2012/09/19 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
2015/07/03 Javascript
jquery.map()方法的使用详解
2015/07/09 Javascript
用js实现博客打赏功能
2016/10/24 Javascript
JavaScript遍历Json串浏览器输出的结果不统一问题
2016/11/03 Javascript
Bootstrap基本模板的使用和理解1
2016/12/14 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
2017/02/17 Javascript
原生js实现鼠标跟随效果
2017/02/28 Javascript
vue Render中slots的使用的实例代码
2017/07/19 Javascript
利用express启动一个server服务的方法
2017/09/17 Javascript
微信小程序开发之IOS和Android兼容的问题
2017/09/26 Javascript
Element-UI Table组件上添加列拖拽效果实现方法
2018/04/14 Javascript
学习RxJS之JavaScript框架Cycle.js
2019/06/17 Javascript
微信小程序如何调用图片接口API并居中显示
2019/06/29 Javascript
swiper4实现移动端导航切换
2020/10/16 Javascript
vue实现select下拉显示隐藏功能
2019/09/30 Javascript
vue 实现特定条件下绑定事件
2019/11/09 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
2020/08/14 Javascript
vue 导出文件,携带请求头token操作
2020/09/10 Javascript
用 Python 爬了爬自己的微信朋友(实例讲解)
2017/08/25 Python
python中利用Future对象回调别的函数示例代码
2017/09/07 Python
Java分治归并排序算法实例详解
2017/12/12 Python
python dataframe向下向上填充,fillna和ffill的方法
2018/11/28 Python
Windows10+anacond+GPU+pytorch安装详细过程
2020/03/24 Python
TensorFlow的reshape操作 tf.reshape的实现
2020/04/19 Python
html5指南-1.html5全局属性(html5 global attributes)深入理解
2013/01/07 HTML / CSS
一个C/C++编程面试题
2013/11/10 面试题
经典商业广告词
2014/03/13 职场文书
2014办公室年度工作总结
2014/12/09 职场文书
总结一下关于在Java8中使用stream流踩过的一些坑
2021/06/24 Java/Android