Question

如何将div标签添加到链接中。我希望我的整个div都可以点击。

Answer 1

JS：

<div onclick="location.href='url'">content</div>

jQuery的：

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

确保对这些DIV使用cursor:pointer

Answer 2

如果你必须在div中设置你的锚标签，你也可以使用CSS来设置锚点以通过display：block来填充div。

因此：

<div style="height: 80px"><a href="#" style="display: block">Text</a></div>

现在，当用户将光标悬浮在该div中时，锚标记将填充div。

Answer 3

如果您正在使用HTML5，如this other问题中所述，您可以将div置于a内：

<a href="http://www.google.com"><div>Some content here</div></a>

预先使用此方法，因为它在您的结构中明确了所有内容都是可点击的，以及它指向的位置。

Answer 4

不要做。

如果您需要链接，请将内容包装在正确的<A>NCHOR</a>。
如果您想将<DIV>转换为链接，请使用“Javascript”将<DIV>打包到<A>NCHOR</A>
如果您想在点击<DIV>时执行某些操作，请使用onclick事件处理程序...并且不要将其称为“链接”。

Answer 5

<div style="cursor:pointer" onclick="document.location='http://www.google.com'">Content Goes Here</div>

Answer 6

<div style="cursor:pointer;" onclick="document.location='http://www.google.com'">Foo</div>

Answer 7

您可以通过添加onclick =“window.location ='TARGET URL'”并将其样式设置为“cursor：pointer”，将整个DIV函数作为链接。但这样做通常是一个坏主意，因为搜索引擎无法跟踪生成的链接，读者将无法在标签中打开或复制链接位置等。相反，您可以创建常规锚标记然后将其样式设置为display：block，然后像DIV那样设置样式。

Answer 8

您可以使用Javascript来实现此效果。如果你使用框架，这种事情变得非常简单。以下是jQuery中的示例：

$('div#id').click(function (e) {
  // Do whatever you want
});

此解决方案具有使逻辑不在标记中的明显优势。

Answer 9

请记住，搜索蜘蛛不会索引JS代码。因此，如果您将URL放在JS代码中，请确保将其包含在页面上其他位置的传统HTML链接中。也就是说，如果您希望链接的网页由Google等编制索引

如何在链接中创建div标签

9 个答案: