WEB制作の工程でdiv全体をクリックできるようにしたい場合があります。
jQueryと少しのコードで実装が可能です。
jQueryを先に読み込み
javascript
$(function(){
$(".mydiv").click(function(){
window.location=$(this).find("a").attr("href");
return false;
});
});
CSS
.mydiv{cursor: pointer}
特にスマートフォン用Webサイト制作時において、リンク部分の面積が必要な場合などにも非常にシンプルで役に立つコードです。
ホームページ制作でよく使用するのでメモ。
