regex replace element text

Question

Never seem to master those regex's...

I need to update the total with newVal

<span class="myClass">some text Total (12)</span>

into

<span class="myClass">some text Total (13)</span>

and also without a current value

<span class="myClass">some text Total</span>

into

<span class="myClass">some text Total (13)</span>

oh, and some text can be anything

my code

    newVal = 13;
    $('.myClass').text( $('.myClass').text().replace(???, ???) );

Pavel Reznikov · Accepted Answer · 2012-07-13 11:24:56Z

1

You could wrap counters with span:

<span class="myClass">some text Total (<span>12</span>)</span>

and do like so:

newVal = 13;
$('.myClass span').text(newVal);

answered Jul 13, 2012 at 11:14

Pavel Reznikov

3,2181 gold badge20 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sorry, need to do it without wrapping the counter.

Bergi · Accepted Answer · 2012-07-13 11:17:13Z

0

Wrong approach, your code would only return the new string. To set it, use

$('.myClass').text(function(i, old){ 
   return old.replace(/(\s+\(\d+\))?$/, " ("+newVal+")");
})

The regex matches the string end, and (optionally) whitespaces + bracketed number before.

answered Jul 13, 2012 at 11:17

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

It does only delete the " (12)" in the end, which you want to have replaced, doesn't it?