更新:这可能不再是您需要依赖JavaScript的事情了。 从HTML5开始,这是完全有效的:
<a href="http://example.com">
<div>
anything
</div>
</a>
记住,您可以使链接display: block;
因此有时您甚至不需要div。
但是,如果您绝对需要使用JavaScript,则一种方法是在div中找到一个链接,并在单击div时转到其href。
$(".myBox").click(function() {
window.location = $(this).find("a").attr("href");
return false;
});
在div中寻找类“ myBox”的链接。 单击div中的任意位置时,重定向到该链接值。
参考HTML:
<div class="myBox">
blah blah blah.
<a href="http://google.com">link</a>
</div>
或者,您可以在div上设置数据属性并执行以下操作:
window.location = $(this).data("location");
翻译自: https://css-tricks.com/snippets/jquery/make-entire-div-clickable/