Jquery wrap found line inside span?

Question

How do I look inside all h3

for a specific string like "New" and wrap it inside

<span class="red">New </span>

0

matt 26 Feb 11 at 14:19

1 answer

BoltClock · Accepted Answer · 2011-02-26T14:23:35+0000

Use a :contains()

selector to find a word New

in each <h3>

, then use .html()

with a callback String.replace()

to apply <span>

:

$('h3:contains(New)').html(function() {
    return $(this).html().replace('New', '<span class="red">New</span>');
});

It turns

<h3>New stuff</h3>

in

<h3><span class="red">New</span> stuff</h3>