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

时间:2016-04-14 16:26:59

标签: javascript jquery html css

我遇到多个替换问题,我想用公司颜色替换整个网站中公司名称的三个字,我真的不想通过手动为每个替换每个单独的三个单词,虽然我知道这可行,但是无论如何使用代码执行此操作?顺便说一下,我是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;
}

1 个答案:

答案 0 :(得分:1)

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

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