jqueryで自動リンクと指定箇所のリンクを解除
2012年11月3日更新 view: 156 view
jqueryで自動リンクをする方法。
//自動リンクしたい要素 $('.redactor_editor').each(function(){ //http から始まる要素を全て a タグで囲む $(this).html( jQuery(this).html().replace(/((http|https|ftp):\/\/[\w?=&.\/-;#~%-]+(?![\w\s?&.\/;#~%"=-]*>))/g, '<a href="$1">$1</a> ') ); }); //外部リンクには全て extlink 要素をつける $('.redactor_editor a[href^=http]').each(function(){ $(this).not('[href*="'+location.hostname+'"]').attr('target','_blank').addClass('extlink'); }); //a タグをつけたくない要素の a タグを全て削除 $('.redactor_editor pre a').each(function(){ $(this).contents().unwrap();//preの中のリンクを削除 }); $('blockquote a').each(function(){ $(this).contents().unwrap();//blockquoteの中のリンクを削除 });
スポンサードリンク
さらにおまけ。
#jquery 自動リンク $(".twitter-matome p:not(.t-r),dl").each -> $(this).html $(this).html().replace(/((http|https|ftp):\/\/[\w?=&.\/-;#~%-]+(?![\w\s?&.\/;#~%"=-]*>))/g, "<a href=\"$1\">$1</a> ") $(".twitter-matome .twitter-img").each -> $(@).wrap("<a href=\"#{$(@)[0].src}\"></a>")
スポンサードリンク
関連記事
関連カテゴリ

コロ助
web関連の記事や制作系の記事をどんどんまとめていきます。 宜しくお願いします!
ピックアップ
-
LINEで異性と出会う3つのコツ
view: 34 view
パソコン・ソフトウェア ランキング
12月7日 ( 土 ) にアクセスが多かった記事はこちら!
-
mysql で 先頭、末尾の半角スペース全角スペースを削除
view: 80 view -
phpstorm ftp設定 さくらサーバー編
view: 46 view -
無料のタイピングソフトまとめ!
view: 2 view -
jqueryでソート、フィルタリング。テーブル以外でも動くisotopeの使い方
view: 212 view -
スマホ、レスポンシブ、bootstrapでアルファベットがはみ出すcss対策
view: 34 view -
cakephp2.xサーバー移転手順
view: 11 view -
jquery 自動リンクの決定版
view: 29 view -
htmlsqlより速い軽い。cakephpでスクレイピングgoutte.phpインストールと使い方
view: 298 view -
iphone バックアップ先を変更 windows7編
view: 4498 view -
cakephp 動的にmetaタグを入れる
view: 29 view