Question

I was wondering if it was possible to insert content inside html tags. So say you have a h4 tag:

<h4>Some Header</h4>

And you want the text to also be surrounded by a span with a class of “line”. Like so:

<h4><span class="line">Some Header</span></h4>

I know about stuff like .after() but is there something like .inside() to do this with? \

Ok…I know I could do this manually, but in this situation it is out of the question.

Thanks

Answer 1

This should work:

$('h4').contents().wrapAll('<span class="line" />');