非常に車輪の再発明的ではありますが、jQuery Link Box プラグインを作りました。
（jquery 1.7以上に対応しています）
簡単に言うと、リンクの外側のボックス（div等）全体をクリック可能にするためのプラグインです。
使い方
jqueryを読み込みます
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="../jquery.linkbox.js"></script>
クリック可能にするbox（div等）にdata-click="linkbox"を記述します
<div data-click="linkbox" class="sample"> <p>sample <a href="/">最初のリンク</a> が使用されます。</p> <p>sample <a href="/p/blog-page.html">このリンク</a> は直接クリックする必要があります。</p> </div>[data-click="linkbox"]が書かれた属性内の最初のリンクが使用され、ボックスをクリックしたときに遷移します。
（オプション）必要に応じて、ボックスにスタイルを設定します
ボックスがクリック可能であることを示すようなstyleを記述しましょう。
.linkbox {
background-color: #eee;
}
div.sample {
cursor: pointer;
}
デフォルトでは .linkbox というクラスが使用されます。※ 追記（2012-06-29）：iPad等で有効にするためには、cursor: pointer をあらかじめ指定しておく必要があります。
（オプション）任意のaタグのリンク先を使用したい場合
[data-linkbox="target"]という属性が存在するリンクは、優先して使用されます。<div data-click="linkbox"> <p>sample <a href="/">最初のリンク</a> ですが、直接クリックする必要があります。</p> <p>sample <a href="/p/blog-page.html" data-linkbox="target">このリンク</a> は優先して使用されます。</p> </div>
デモ
ぜひご活用ください
