javascript - 我正在尝试使用 JS/JQuery 自动对网站中的文本执行多个查找和替换操作

Question

我有多个替换的问题，我想用公司颜色替换整个网站上公司名称的三个词，我真的不想经历并为每个替换手动添加一个跨度单独三个词虽然我知道这会起作用，但无论如何都可以用代码来做到这一点？顺便说一句，我是 JS/JQuery 等方面的新手。

我试过让其中一个工作，但是当我尝试做不止一个时，只有最后一个工作，似乎最后一个抵消了其他工作。

我对 CSS 很满意，因为它可以在以后轻松更改。

这是我的代码。 - http://codepen.io/TechieBloke/pen/dMmNRB

var text = $('div').text().replace(/dummy/g, "<span class=artblack>dummy</span>");
$('div').html(text);

var text = $('div').text().replace(/Ipsum/g, "<span class='artgrey'>Ipsum</span>");
$('div').html(text);

var text = $('div').text().replace(/Lorem/g, "<span class='artred'>Lorem</span>");
$('div').html(text);

这是随附的 CSS

    .artblack {
  color: orange;
  font: 15px arial, sans-serif;
}

.artgrey {
  color: blue;
  font: 15px arial, sans-serif;
}

.artred {
  color: red;
  font: 15px arial, sans-serif;
}

Answer 1

您每次都修改html，然后返回text 用作下一次更改的源；只是更加一致并使用 html() 代替:

$('div').html().replace()