javascript - 将 DIV 实现为链接

Question

您将如何使用 jQuery 实现一个在单击时执行链接的 div。在 HTML 中很容易做到这一点，如下所示，但似乎也可以使用 jQuery 解决方案。不过，我不确定如何在 jQuery 中执行指向另一个 URL 的链接。

div#download {
    width:200px;
    height:75px;
    background-image:url(../../images/download.png);
}
a#dwnld {
    display:block;
    width:100%;
    height:100%;
}


<div id="download">
   <a id="dwnld" href="../../pay_form.php?pn=10"></a>
</div>

Answer 1

这将适用于您当前的 HTML:

$('#download').on('click', function() {
  $('a', this).trigger('click')
});

为什么你不能把你的链接设为 display: block让它像<div>一样工作？