全てのリンクを別窓(別タブ)で開くように一括指定する方法

この記事は5年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。

どうもこんばんは。今回のtipは【jQuery 全てのリンクを別窓(別タブ)で開くように指定する方法】です。通常のリンクを別タブで開かせるにはリンクのaタグにtarget=”_blank”を指定しましたが、特定したID内や全てのリンクを別窓にしたい場合意外に手間だったりします。しかしjQueryを使えば数行でその手間が解消されます。ちなみに何か特殊な理由でも無い限り全てを別窓リンクにするのはお勧めしません。

通常の場合


<a target="_blank" href="https://zxcvbnmnbvcxz.com/">LINK</a>

jQueryを使った場合


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(‘a’).attr({‘target’:’_blank’}); //全てのリンクを別タブにする場合
$(‘#sample a’).attr({‘target’:’_blank’}); //特定要素内の全リンクを別タブにする場合
});
</script>

以上になります。