如何使用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甚至是span？

我一直试图这样做大约3个小时，我最接近实现它的是

 var elem = document.getElementsByTagName('a')[0];

	var html = elem.innerHTML;

	elem.innerHTML = '<div class="red">'+ html + '</div>' 

成功定位了我的代码中的链接并将其更改为span，但如果我尝试getElementsByTagName然后getElementByClassName并使用mg_label_7它将无法正常工作。代码中有重复的标记，我希望将它们全部定位。

我正在尝试操作SharePoint Web部件，因此我不确定它是否会阻止其进行编辑。

Answer 1

您可以使用.wrapInner()

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