jQuery替换文本不起作用

Question

我正在使用此方法查找和替换一段文本，但不确定为什么它不起作用？ 当我使用console.log时，可以看到想要替换的正确内容，但最终结果不起作用：

(function($) {
  $(document).ready( function() {
        var theContent = $(".transaction-results p").last();
        console.log(theContent.html());
        theContent.html().replace(/Total:/, 'Total without shipping:');
    });
})(jQuery);

有什么想法吗？

谢谢！

Answer 1

字符串已替换，但您没有将字符串重新分配给元素的html。 使用return ：

theContent.html(function(i,h){
    return h.replace(/Total:/, 'Total without shipping:');
});

JS Fiddle演示 （由diEcho贡献）。

参考文献：

• html() 。

Answer 2

(function($) {
  $(document).ready( function() {
        var theContent = $(".transaction-results p").last();
        console.log(theContent.html());
        theContent.html(theContent.html().replace('Total:', 'Total without shipping:'));
    });
})(jQuery);

为什么要使用/Total:/而不是像普通字符串那样'Total' ？

-@ David Thomas的解决方案有效。

Answer 3

您还有多余的:在字符串中进行搜索，并将其分配回theContent的html中

现场演示

  $(document).ready( function() {
        var theContent = $(".transaction-results p").last();
        console.log(theContent.html());
        theContent.html(theContent.html().replace(/Total/, 'Total without shipping:'));
  });