Question

我有一个PHP搜索脚本，可以将结果解析为HTML div元素，从而使结果的样式更容易。我有以下代码：

<div class='webresult'><div class='title'><a href='{$row['url']}'>{$row['title']}</a></div><div class='url'>{$row['url']}</div><div class='desc'>{$row['description']}</div></div>

我想这样做，当点击整个webresult div时，它会转到结果的url。

我希望人们能够理解我想要描述的内容。

Answer 1

如果要使整个div可单击，请尝试将<a>元素设置为块元素，并使其大小等于父<div>，即

.title a {
  display: block;
  width: 100%;
  height: 100%;
}

Answer 2

使用jQuery：

$('.webresult').click(function() {
   window.location.href = $(this).find('a').attr('href');
});

Answer 3

最好通过javascript执行此操作。如果使用jQuery，你可以这样做：

$('.webresult').click(function(){
    $('this').find('a').click();
})

Answer 4

将锚点包裹在所有内容周围而不仅仅是行标题，并在css中将其设置为display: block;。进一步设置锚点的方式与之前设置div的方式相同，然后完全放弃div。您可能还想设置文本颜色（包括：悬停）并使用text-decoration属性删除下划线。

如果您决定使用其他人发布的其中一个javascript选项，请确保您拥有优雅的后备广告。不是每个人都启用了JavaScript。

Answer 5

我会用jQuery做到这一点：

$(".webresult").click(function() {
    window.location.href = $(this).find("a").attr("href");
});

另一种解决方案是，在HTML 5规范中，块元素实际上可以是指向其他位置的链接。您可以在此处详细了解：http://html5doctor.com/block-level-links-in-html-5/

Answer 6

不是

<div onclick="location.href='/the_url/'">

你需要什么？

使div成为可点击的链接

6 个答案: