jQueryの.attrでページ内のリンク(URL)から指定文字列を含むaタグのtarget属性を「_blank」に変更

ページ内のaタグのターゲット(target属性)を、jQueryの.attrを使って全て「_blank」に変更してみます。

1.読込むJsファイルとJavaScriptの記述例

リンク(URL文字列)内に「/category/」を含むaタグはターゲット(target)属性「_blank」を指定してます。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
     $("a[href^='/category/']").attr("target","_blank");
});
</script>

2.HTMLの記述例

<ul>

 	<li class="cat-item cat-item-36"><a href="/category/css">css</a>
</li>


 	<li class="cat-item cat-item-2"><a href="/category/javascript">JavaScript</a>
</li>


 	<li class="cat-item cat-item-3"><a href="/category/jquery">jQuery</a>
</li>


 	<li class="cat-item cat-item-53"><a href="/category/php">PHP</a>
</li>


</ul>

jQueryの.attrでページ内のリンク(URL)から指定文字列を含むaタグのtarget属性を「_blank」に変更するデモ

これを使えばページ数が多いサイト等はページ内よリンク属性を一斉に変更できそうです。
(aタグだけで無くても変更できそうですね)