JS。 如何替换变量中html（）对象中的文本？

Question

使用JS，我将html代码复制到变量中。

html_block = $(".first-prj-container").html();

在某些地方，有必要替换文本。 它可以是纯文本或类名，ID。 是否可以通过strReplace进行替换，然后将结果添加到页面中，如下所示：

$("#all-prj-container").append(html_block);

Answer 1

尝试这个：

let htmlToReplace = $(".first-prj-container").prop('outerHTML')
let updatedHtml = htmlToReplace.replace('hi', 'hello')

$("#all-prj-container").append(updatedHtml);

在此处查看更多信息externalHTML-MDN

Answer 2

您还可以使用regEx来优化过滤器的空格，区分大小写或过滤某些嵌套标签的方式：

let updatedHtml= $(".first-prj-container")
    .innerHTML.toLowerCase() //make case-insensitive, can also be done with regEx "i"
    .replace(/\s/g,'') //remove white spaces
    .replace("(hi)(?!(.(?!<h1))*?</h1>)", "hello"); //skip h1 tag content
$(".first-prj-container").innerHTML = updatedHtml;