Insert span tag inside a tag

Question

I'm looking for a way to insert a span tag inside a tag like this by jQuery but I can't find anything that works:

I have this:

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

I need to insert a span tag that looks like this:

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

I tried it but it didn't work:

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

Try this: var a = $("div.linkscorponoti a"); $(a).html("" + $(a).text() + ""); — Tiago Luz, Jul 16 '20 at 22:58

score 2 · Accepted Answer · answered Jul 16 '20 at 22:56

Use .wrapInner() instead:

$('div.linkscorponoti >a').wrapInner('<span>')

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

This produces:

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

Insert span tag inside a tag

1 Answers1