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

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

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

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

jQuery でチェックする

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

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

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

empty-link.png

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

記事公開日: 2015年04月02日
#

計算式を入力すると、フォームとJavaScriptを生成してくれる... 詳細はこちら

#

ホームページ上に見積りフォームを作成。条件分岐も可能。Wor... 詳細はこちら

#

コーポレートサイトで要求されることの多い、住所補完機能を... 詳細はこちら