Replace divs numeric content with a string using Jquery

Question

My first dabble with JQuery. I wish to replace the delivery charge on checkout page from £0.00 to TBC (To Be Confirmed)

I have attempted this in a console in Chrome. With no success:

$( ".deltotal" ).replaceWith( "TBC" );

This is the field I am trying to change:

<td class="deltotal">£100.00</td>

I assume when I reach the right code I need to put the script at the footer of the checkout.tpl page?

If you just need to alter the inner text, you can use $( ".deltotal" ).text("TBC") — MorKadosh
– MorKadosh, Commented Feb 12, 2016 at 10:45
Our warehouse pickup price is £0.00 so we could do with that displaying when selected. But for £49.99 or £99.99 options we could do with being converted to TBC. — flint781
– flint781, Commented Feb 12, 2016 at 11:31

rrk · Accepted Answer · 2016-02-12 10:47:10Z

1

$('.deltotal')
     .filter(function () { 
         return $.trim(this.innerHTML) == "£0.00"; 
}).text('TBC');

answered Feb 12, 2016 at 10:47

rrk

15.9k4 gold badges32 silver badges49 bronze badges

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

2 Comments

Isn't InnerHTML a potential security risk in Jquery?

@flint781 not really, if you know the element which you are operating on.

Rino Raj · Accepted Answer · 2016-02-12 12:10:14Z

0

Please try this

$( "td.deltotal" ).text( "TBC" );

answered Feb 12, 2016 at 10:47

Rino Raj

6,2622 gold badges29 silver badges44 bronze badges