How to customize a specific letter / word using jquery?

Question

As a simple example, I want to apply the class fancy"to all occurrences of the character" &"in the document.

CSS:

.fancy { font-style: italic; }

So the text is as follows:

Ben &amp; Jerry's

will be processed by jquery as follows:

Ben <span class="fancy">&amp;</span> Jerry's

Is there a function to target specific words / phrases / letters like this?

+4

Gal Mar 27 '10 at 17:34

3 answers

"highlight", , :

+2

Pointy 27 . '10 18:59

:

+1

Cryophallion 27 . '10 17:56

Michael Haren · Accepted Answer · 2010-03-27T17:54:43+0000

This is not what jQuery usually helps - it works more at the node level than at the text / html level. However, this may help ( source ):

$('p:contains(&)').each(function(){
  $(this).html(
    $(this).html().replace('&amp;','<span class=\'fancy\'>&amp;</span>')
  );
});

, - , , . , :contains .

, , .