使整个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小提琴：JSFiddle