jQueryでハイパーリンクにtarget属性を追加
- jQuery
- 2015.4.30 20:43
こんばんは。
Markdown記法の虜になりつつある花舞*あゆ（@ayulilith）です。
ブログを書くにあたってMarkdown記法を導入したわけですが、このままでは外部リンクの指定ができない…。
でもMarkdown記法を使っているブロガーさんはたくさんいるはず…どうしてるんだろう…？とネットの海を漁ったところ、やっぱりありました！
<script>
$(document).ready( function () {
$("a[href^='http']:not([href*='" + location.hostname + "'])").attr('target', '_blank');
})
</script>
jQueryを読み込んだ後に上記コードを追加します。
すでにターゲット属性を追加した状態で公開しているものへの影響もありませんでした。
滅多にないとは思いますが、同じホストネームでも敢えて外部リンクを開きたい場合はコードを直接書くしかなさそうです。
参考にさせていただいた記事
ありがとうございましたっ。
