div全体をリンクにする方法

2012-11-28 19:24:47
divの中全体をリンクにしたい場合は下記のコードがおすすめ。リンクにしたいタグにクラス指定をすれば、そのタグ内にあるリンクのリンク範囲をボックス全体にしてくれます。

<javascript>


$(".boxlink").click(function(){
    window.location=$(this).find("a").attr("href");
    return false;
});
HTMLは下記のような感じで使用する。親ボックスは特にdivじゃないとダメということはない。block要素であればなんでもOK。

<HTML>


<div class="boxlink">
    <h3><a href="/detail/1">焼肉定食</a></h3>
    <span>800円</span>
    <p>ボリューム満点!国産牛を使用した極旨ステーキをご賞味あれ!</p>
</div>
カテゴリ: Javascript