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

我的html代码是：

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

测试

我希望它看起来像：

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

---

如何使用JavaScript实现它？

与其将链接放在div之外，我建议将其嵌套在div内部

否则这将是无效的HTML

因此，您的结果将是：

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

---

正如Curt之前所说，你的例子是无效的。您应该有带文本的div和带“a”标记的环绕文本

您可以使用jQuery方法

.wrapInner（）

（）

您可以用一句简单的话：

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

$（'.xyz'）.wrapInner（$（'

块级元素周围的锚在HTML5中是有效的。是的。我同意你的评论！！@userJonnyDeff我已经为你做了：）。wrapInner（）函数对我来说是新函数：）
.xyz a
{
   display:block;
}

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