HTMLアンカーリンクを張っていないタグをjQueryで強調する
テーマ開発時などで、HTMLのリンクが
<a href="#">リンク</a>
のように、まず空の状態で作成し、後でリンクを設定する、というケースがあると思います。そのような場合、リンクを設定しているかどうかの確認が必要になります。
jQuery でチェックする
リンクを一個一個クリックしていく、というのは効率が悪いですね。コンピュータにできる作業は任せてしまいましょう。
(function($) {
$("a[href=#]").css("border", "3px dashed #ff0000");
$("a[href=]").css("border", "3px dashed #ff0000");
})(jQuery);
のような jQuery のコードを記述すれば、リンクが繋がっていない箇所を赤枠で強調表示してくれます。
こうすることで、まだリンクしていない箇所を見つけやすくします。
記事公開日: 2015年04月02日
