在标签内插入跨度标签[重复]答案

【问题标题】：Insert span tag inside a tag [duplicate]在标签内插入跨度标签[重复]
【发布时间】：2020-11-06 17:01:22
【问题描述】：

我正在寻找一种通过 jQuery 在这样的标签内插入跨度标签的方法，但我找不到任何可行的方法：

我有这个：

<div class="linkscorponoti"><a href=url target=_blank>Oficial</a></div>

我需要插入一个如下所示的 span 标签：

<div class="linkscorponoti"><a href=url target=_blank><span>Oficial</span></a></div>

我试过了，但是没用：

$(".linkscorponoti").find("a").add( "span" );

【问题讨论】：

试试这个：var a = $("div.linkscorponoti a"); $(a).html("" + $(a).text() + "");

标签： jquery css

【解决方案1】：

改用.wrapInner()：

$('div.linkscorponoti &gt;a').wrapInner('&lt;span&gt;')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="linkscorponoti"><a href=url target=_blank>Oficial</a></div>

这会产生：

<div class="linkscorponoti">
  <a href="url" target="_blank">
    <span>Oficial</span>
  </a>
</div>

【讨论】：