如何在现有元素周围创建新的锚标记 [英] How to create a new anchor tag around an existing element

问题描述

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

我正在尝试添加一个锚标记，其中包含标记周围的URL。我不知道怎么做，我已经被困了好几个小时..

I'm trying to add an anchor tag with a URL around the tags. I'm not sure how to do it and I've been stumped for hours..

推荐答案

试试jQuery .wrap（）方法，

Try the jQuery .wrap() method,

$("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);

这篇关于如何在现有元素周围创建新的锚标记的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！