如何将锚标记附加到div的父级？

Question

我的HTML代码是：

<div title="test" class="xyz">Tesing</div> 

我希望它看起来像：

 <a href='#'> <div  title="test" class="xyz">Tesing</div></a>

如何使用JavaScript？

Answer 1

我建议不要将链接放在div之外，而是将其嵌套在里面。

否则这将是无效的HTML。

因此，您的结果将是：

<div title="test" class="xyz"><a href='#'>Tesing</a></div>

这可以通过以下方式完成：

$(function(){
    $(".xyz").html("<a href='#'>" + $(".xyz").html() + "</a>");
});

然后，您可以设置锚标记的样式，以便可以选择整个div：

.xyz a
{
   display:block;
}

Answer 2

正如之前Curt所说，你的例子是无效的。你应该使用带有'a'标签的文本和环绕文本div。

您可以使用jQuery方法.wrapInner()（jQuery doc）

你可以用一个简单的行来完成：

$('.xyz').wrapInner($('<a href="#" />'));

jsFiddle你想尝试一下：

  

http://jsfiddle.net/8vbXw/