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

Question

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

我正在尝试添加一个带有围绕代码的网址的锚标记。我不知道怎么做，我已经被困了好几个小时..

Answer 1

尝试使用jQuery .wrap()方法

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

Pure JS：

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

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

Answer 2

尝试

var el = document.getElementsByClassName('avatar')[0];
var anchor = document.createElement('a');
el.parentNode.insertBefore(anchor, el);
anchor.appendChild(el)

演示：Fiddle