使整个div可点击，而不是其中的链接

Question

因此，我正在制作一些网格来显示产品，并希望使整个div标签可单击，而不是仅单击其中的超链接。

什么是做到这一点的最佳和最简单的方法。 我发现了一些我宁愿不使用的复杂解决方案，因为我想使这些div变得可点击。

任何建议都非常欢迎！

Answer 1

不知道您在说什么复杂的例子，但是您将需要使用类似jQuery的东西：

给div一个类：

<div class="myBox">
     blah blah blah.
    <a href="http://google.com">link</a>
</div>

在页面加载中，使用选择器连接处理程序：

$(".myBox").click(function(){
     window.location=$(this).find("a").attr("href"); 
     return false;
});

参见http://css-tricks.com/snippets/jquery/make-entire-div-clickable/

Answer 2

您可以使整个div可单击，而不仅仅是其中的内容。 像这样放：

<a href="http://www.google.com"><div id="mydiv"> Blah Blah </div></a>

而已。 这是JS Fiddle： JSFiddle