Question

what is the best solution and how would you do that.

I have this on my site …

<div class="desc">
   <p>
   Some text that is set via a CMS and is completely dynamic. 
   It contains sometimes a character like this § in the middle of the text.
   It could also contain another one §, you see!
   </p>
</div>

I wonder how I can filter this text for the character § and wrap it inside of a span.

<span class="symbol">§</span>

Any ideas on that? I don’t want to decrease a lot of performance on my site when doing this.

Thank you in advance,
Matt

Answer 1

Try this:

$(".desc p").each(function() {
    $(this).html($(this).text().replace(/§/g, "<span class=\"symbol\">§</span>"))
});

Example fiddle