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);

在此处outerHTML - 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;

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

2 个答案: