target=”_blank”の指定があるa要素に自動で別窓アイコンを表示します

yotigory

14年前

JSを読み込みます

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="js/icon.js"></script>

[icon.js]JavaScript

$(function(){
  $("a[target=_blank]").addClass("ex_blank");
  $("a[target=_blank]:has(img)").removeClass("ex_blank");
});

HTM

<p>セロは一かも楽器のように出してやっな。<a href="#" target="_blank">別窓へのリンク</a>舌はセロキャベジたりおれをおくれて行っです。</p>
<p><a target="_blank" href="http://www.yahoo.co.jp/"><img src="banner.gif" width="200" height="70" alt="Google" /></a></p>

CSS


a.ex_blank {
	min-height:13px;
	height:auto!important;
	height:13px;
	padding-right: 18px;
	background: transparent url(icon_blank.gif) no-repeat center right;
}