jquery分析文本里url或郵件地址為真實鏈接的方法
更新時間：2015年06月20日 10:23:37 作者：不吃皮蛋
這篇文章主要介紹了jquery分析文本里url或郵件地址為真實鏈接的方法,涉及jQuery正則匹配與替換的相關技巧,需要的朋友可以參考下
本文實例講述了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 )
.replace(/(^|\s)@(\w+)/g,'$1<a )
);
});
return $(this);
}
用法：
復制代碼 代碼如下:
$("p").tweetify();
原始文本：
復制代碼 代碼如下:
<p>@seanhood have you seen this http://icanhascheezburger.com/ #lol</p>
分析以后：
<p><a >@seanhood</a> have you seen this <a >http://icanhascheezburger.com/</a> <a >#lol</a></p>
希望本文所述對大家的jQuery程序設計有所幫助。
相關文章
Jquery加載時從后臺讀取數(shù)據(jù)綁定到dropdownList實例
從后臺讀取數(shù)據(jù)綁定到dropdownList，option選項value動態(tài)賦值，具體實現(xiàn)如下，感興趣的朋友可以參考下哈2013-06-06
jquery的構造函數(shù)很好的運用的javascript的充分利用了JavsScript語言的動態(tài)性——對行參的類型和個數(shù)沒有的嚴格要求，以至于一個函數(shù)可以實現(xiàn)多種功能需求，也為JavaScript語言的多態(tài)性提供了基礎，在這個構造函數(shù)中，提供了六種不同的調用格式（根據(jù)官方API文檔）2015-05-05
詳談jQuery操縱DOM元素屬性 attr()和removeAtrr()方法
這篇文章主要詳細介紹了jQuery操縱DOM元素屬性 attr()和removeAtrr()方法，非常的全面細致，在這里推薦給小伙伴們。2015-01-01
jQuery總體架構的理解,學習jquery的朋友可以參考下。2011-03-03
jquery.photoFrame是很方便的一個相框插件，原理也很簡單，將選定對象用九宮格table包裹，再設置其邊框的背景圖片即可。2010-06-06
這篇文章主要介紹了使用jQuery獲取元素父節(jié)點的方法,通俗易懂,需要的朋友可以參考下。2016-06-06
jquery判斷復選框選中狀態(tài)以及區(qū)分attr和prop
這篇文章主要介紹了jquery判斷復選框選中狀態(tài)以及區(qū)分attr和prop，感興趣的小伙伴們可以參考一下2015-12-12
jQuery移動和復制dom節(jié)點實用DOM操作案例
復制節(jié)點也是常用的DOM操作之一，例如很多購物網(wǎng)站的效果,本文將介紹jQuery移動和復制dom節(jié)點等實用DOM操作，有需的朋友可以參考下2012-12-12
這篇文章主要介紹了使用Browserify配合jQuery進行編程的超級指南,Browserify 可以讓你使用類似于node的require()的方式來組織瀏覽器端的JavaScript代碼,需要的朋友可以參考下2015-07-07
最好的jquery列表拖動排列自定義拖動層排列。當點擊或拖動列表時，可以自定義隨意拖放列表模塊到相應位置2014-06-06