2016.03.03　【更新日 : 2022.03.24】

【jQuery】httpから始まる外部リンクにtarget blankを追加する。

Category： jQuery

Tags：

※jQueryを使わずjavascriptのみで実装したサンプルも公開しました。

JS

//外部リンクblank設定
$('#hoge').find('a[href^=http]').not('[href*="'+location.hostname+'"]').attr({target:"_blank"});

指定した範囲の中でhttpから始まる外部リンクがあった場合に、aタグにtarget blankを追加するサンプルコードです。

//外部リンクblank設定 blankというclassも追加する
$('#hoge').find('a[href^=http]').not('[href*="'+location.hostname+'"]').addClass('blank').attr({target:"_blank"});

classも追加する場合はaddClassを追記してやります。

//外部リンクblank設定
$('a[href^=http]').not('[href*="'+location.hostname+'"]').not('[href*="mailto"]').attr({target:"_blank"});