[JavaScript] クリックしても何も起きないダミーのアンカー(リンク)

デザイナーから上がってきたHTMLファイルに、ページ遷移を必要としないんだけどアンカーが使われている箇所が幾つかあった。

<span class="foo">
    <a href="#">Hello</a>
</span>

<a href="#">Hello</a>

</span>

スタイルシートで “foo a” の見栄えが設定されているけど、アンカーは生きているのでクリックするとページがリロードされてしまう。クリッカブルな挙動はjQueryで制御するとして、HTMLのアンカーとしての機能は殺しておきたい。どうするか。

手っ取り早いのは以下かな。

<span class="foo">
  <a href="javascript:void(0);">Hello</a>
</span>

<a href="javascript:void(0);">Hello</a>

</span>

参考サイト

クリックしても何も起こらないダミーのa要素 – Qiita
http://qiita.com/448jp/items/dbd2e4ee0a6ec500d329