div全体をリンクにする方法
2012-11-28 609 1525divの中全体をリンクにしたい場合は下記のコードがおすすめ。リンクにしたいタグにクラス指定をすれば、そのタグ内にあるリンクのリンク範囲をボックス全体にしてくれます。
<javascript>
$(".boxlink").click(function(){HTMLは下記のような感じで使用する。親ボックスは特にdivじゃないとダメということはない。block要素であればなんでもOK。
window.location=$(this).find("a").attr("href");
return false;
});
<HTML>
<div class="boxlink">
<h3><a href="/detail/1">焼肉定食</a></h3>
<span>800円</span>
<p>ボリューム満点!国産牛を使用した極旨ステーキをご賞味あれ!</p>
</div>