jQuery：在显示之前更改HTML字符串

Question

我正在制作一个前端脚本，它复制然后将HTML作为纯文本输出，我已经在下面的小提琴中使用了该部分。

FIDDLE

我的问题是，有没有办法可以在显示之前更改输出字符串，例如在我的小提琴示例中，将“test”更改为“boat”，并将URL“http://www.linkedin.com”更改为“http://www.google.com”，仅作为示例。

$('.output').click(function () {
    $('.outputCon').css('display', 'block');
    var $code = $('.redCon').html();
    $('.outputCon').text($code);
});

我一直在寻找一些字符串替换代码选项：

$('.outputCon').html($($code).html().replace('test', 'dog'));

我不确定我是否做得正确，因为我不确定如何在显示HTML之前实现此更改字符串，对不起我的解释很难理解，很高兴回答任何问题。

Answer 1

您的变量$code已包含html文本，因此您可以使用替换方法。而不是：

$('.outputCon').html($($code).html().replace('test', 'dog'));

你可以这样做：

$('.outputCon').text($code.replace('test','dog'));

此外，您似乎正在将PHP与jQuery混合在一起;你不需要在jQuery中使用$变量。