HTMLアンカーリンクを張っていないタグをjQueryで強調する

テーマ開発時などで、HTMLのリンクが

<a href="#">リンク</a>

のように、まず空の状態で作成し、後でリンクを設定する、というケースがあると思います。そのような場合、リンクを設定しているかどうかの確認が必要になります。

jQuery でチェックする

リンクを一個一個クリックしていく、というのは効率が悪いですね。コンピュータにできる作業は任せてしまいましょう。

(function($) {
 $("a[href=#]").css("border", "3px dashed #ff0000");
 $("a[href=]").css("border", "3px dashed #ff0000");
})(jQuery);

のような jQuery のコードを記述すれば、リンクが繋がっていない箇所を赤枠で強調表示してくれます。

こうすることで、まだリンクしていない箇所を見つけやすくします。