如何使用JavaScript / Jquery将文字包装在链接标记中？

Question

这是我当前的代码：

<a class="mg_label_7" href="/" shape="">Hello</a>

我希望有：

<a class="mg_label_7" href="/" shape=""><div id="hello">Hello</div></a>

因此，我可以操纵链接文本的背景，而无需更改其余的链接区域文本。 无论如何，有没有使用JavaScript / jQuery来查明这段文字并插入div甚至是跨度？

我已经尝试了大约3个小时，这是我最接近实现的目标

  var elem = document.getElementsByTagName('a')[0]; var html = elem.innerHTML; elem.innerHTML = '<div class="red">'+ html + '</div>' 

这成功地将代码中的链接作为目标并将其更改为跨度，但是如果我尝试getElementsByTagName然后getElementByClassName并使用mg_label_7，它将无法正常工作。 代码中有重复的标签，我想将它们全部作为目标。

我正在尝试操作SharePoint Web部件，所以不确定是否阻止它被编辑。

Answer 1

您可以使用.wrapInner（）

$('.mg_label_7').wrapInner('<div id="hello"></div>')