Javacscript/jQuery replace content in element

Question

I'm trying to replace the content in an element, but nothing is happening. Not even getting an error back.

var total = 15;
$('.totals div h3 span').replaceWith("<p class='totaal'>" + total +" TOTAAL</p>");

there is definitely an error in your code Uncaught TypeError: selectors.size is not a function — Pabs123
– Pabs123, Commented Feb 28, 2017 at 15:48
make sure $('.totals div h3 span') actually returns elements. When I tried it in your codepen I didn't see anything, which would explain why nothing is happening and you're not getting errors. — 01010011 01000010
– 01010011 01000010, Commented Feb 28, 2017 at 15:50
When you decide to publish some code on SO, try to avoid codepen. It's very slow and highly unreadable. There's a feature called 'code snippet' on SO. Use it instead. — kind user
– kind user, Commented Feb 28, 2017 at 15:50
in your codepen total is misspelled - totaal - is it the issue? — lavish
– lavish, Commented Feb 28, 2017 at 15:53

R3tep · Accepted Answer · 2017-02-28 15:57:21Z

3

You need to replace the function .replaceWith() by .html()

e.g.

$('.totals div h3 span').html("<p class='totaal'>" + total +" TOTAAL</p>");

answered Feb 28, 2017 at 15:57

R3tep

12.9k10 gold badges53 silver badges77 bronze badges

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

Comments

mosnoi ion · Accepted Answer · 2017-02-28 15:57:57Z

0

$('.totals div.wpb_wrapper h3 span').replaceWith("<span style='color: #ffffff;' class='tobtaal'>222 TOTAAL</span>");

try it! the text is not seen because is black, also there are two divs

answered Feb 28, 2017 at 15:57

mosnoi ion

13311 bronze badges