如何围绕现有元素创建新的锚标记

Question

<span class="classname">
<img src="" width="70" height="70">
</span>

我正在尝试添加一个锚标记，并在标记周围添加 URL。我不知道该怎么做，我已经被难住了好几个小时了..

Answer 1

尝试 jQuery .wrap()方法，

$("span.avatar").wrap("<a></a>");

纯JS：

var target = document.getElementsByClassName("avatar")[0];
var wrap = document.createElement("a");

target.parentNode.replaceChild(wrap, target); 
wrap.appendChild(target);