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

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);

Answer 2

尝试

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

演示：小提琴