Using Javascript to modify text

[mikerayjones]

Hi. I have an element generated by a plugin which I want to alter by inserting an HTML prefix. An example of the element would be this:

<span class="cost">£25 – £32</span>

I want the output to change from

£25 – £32

to become:

Cost: £25 - £32

I tried adding this in the page’s Javascript section:

jQuery(document).ready(function(){
  jQuery('span.cost').before('Cost: ');
});

… but it didn’t work. Can you tell me where I’m going wrong? I appreciate that this falls outside your regular support but hoping you don’t mind sharing your expertise with me!

Many thanks
Mike.

[jade]

Hi Mike,

Please try adding just:

jQuery('span.cost').before('Cost: ');

Hope this helps.

[mikerayjones]

Hi Jade

Thanks for replying. That’s almost what I needed. The HTML becomes

Cost:&nbsp;<span class="cost">£25 – £32</span>

but what I need is

<span class="cost">Cost:&nbsp;£25 – £32</span>

Is this possible?
Mike.

[mikerayjones]

Hi again Jade. I found the solution, it’s this:

jQuery('span.cost').prepend('<strong>Cost:</strong>&nbsp;');

Thanks for pointing me in the right direction.
Mike.

[jade]

You’re welcome, Mike and glad to hear you got it sorted.