javascript – 将div变成链接的最佳做法是什么？

我在这里有一点问题.我有一个带有h1,h2和p的div.我想把div变成一个链接,但我不能只包装一个< a>围绕div或h1,h2,p.这不是正确的方法,但我该怎么做才能将整个div变成一个链接呢？
我应该将每个元素都放入跨度吗？这需要更多的工作

<a href="#" class="link">
    <span class="div">
        <span class="h1"></span>
        <span class="h2"></span>
        <span class="p"></span>
    </span>
</a>

或者我应该使用javascript：

$('.link').click(function(){
   document.location.href='#';
})

解决方法

假设您的原始HTML看起来如下所示,您应该添加一个数据参数,其中包含单击div时要遵循的链接：

<div class="link" data-url="http://www.google.com">
    <span class="div">
        <span class="h1"></span>
        <span class="h2"></span>
        <span class="p"></span>
    </span>
</div>

然后你可以将一个点击处理程序附加到div：

$('.link').click(function() {
    window.location.assign($(this).data('url'));
});

最后,确保在CSS中添加cursor属性,这样很明显div是可点击的：

.link { cursor: pointer; }