如何使div可点击?

Jit*_*yas 7 javascript css xhtml jquery

我想让这个div可点击并且想要使用href内部相同<a>并且想要保持链接在里面<a>(所以如果JS被禁用,那么链接将是可访问的).

<div id="example">

<p> some text </p>

<img src="example.jpg />

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

</div>
Run Code Online (Sandbox Code Playgroud)

我的意思是我需要这样的.

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

<p> some text </p>

<img src="example.jpg />

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

</div>
Run Code Online (Sandbox Code Playgroud)

Ben*_*owe 7

这样的事应该做

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

  • 要添加到这个,在`#example` div上使用`cursor:pointer;`css样式将为用户提供反馈,他们*可以*单击div. (6认同)
  • `return false;` (2认同)