Javacscript/jQuery 替换元素中的内容

Question

我正在尝试替换元素中的内容，但没有任何反应。甚至没有得到错误回复。

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

代码笔：http://codepen.io/MennoK/pen/QpjNPZ

Answer 1

您需要将函数 .replaceWith() 替换为 .html()

例如

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

http://codepen.io/anon/pen/zZvEjV

Answer 2

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

试试吧！ 看不到文字，因为是黑色的，还有两个div