javascript - 如何使div可点击？

Question

我想让这个 div 可以点击并使用相同的 href内部<a>并希望在内部保留链接 <a>也(因此，如果禁用 JS，则可以访问链接)。

<div id="example">

<p> some text </p>

<img src="example.jpg />

<a href="http://stackoverflow.com"> link </link>

</div>

我的意思是我需要这样。

<div id="example" href="http://stackoverflow.com">

<p> some text </p>

<img src="example.jpg />

<a href="http://stackoverflow.com"> link </link>

</div>

Answer 1

应该做这样的事情

$('#example').click(function() {
  window.location.href = $('a', this).attr('href');
});