Jquery 更改pre标记中某些单词的颜色

我试图以特定颜色显示一些单词：

通过-->绿色

失败-->红色

直到现在，我成功地在同一个脚本中只显示绿色或红色，而不是两者。谢谢你帮助我

var text_change = '';

$(document).ready(function () {
  $("pre:contains('" + text_change + "')").each(function () {
    if ($text_change = 'PASSED') {
      var regex = new RegExp(text_change,'gi');
      $(this).html($(this).text().replace(regex, "<span class='green'>" + text_change + "</span>"));
    } else if ($text_change = 'FAILED') {
      var regex = new RegExp(text_change,'gi');
      $(this).html($(this).text().replace(regex, "<span class='red'>" + text_change + "</span>"));
    }
  }
});

var text\u change=''；
$（文档）.ready（函数（）{
$（“pre:contains（“+text_change+”））））。每个（函数（）{
如果（$text\u change='PASSED'）{
var regex=新的RegExp（文本变化，'gi'）；
$（this.html（$（this.text（）.replace（regex，“+text_change+”））；
}如果（$text\u change='FAILED'），则为else{
var regex=新的RegExp（文本变化，'gi'）；
$（this.html（$（this.text（）.replace（regex，“+text_change+”））；
}
}
});

这就是您要寻找的：

$（文档）.ready（函数（）{
$（“pre”）。每个（函数（）{
$（this.html（$（this.html（）.replace（/PASSED/g，“PASSED”））；
$（this.html（$（this.html（）.replace（/FAILED/g，“FAILED”））；
});
})；

span.green{
颜色：绿色；
}
红色{
颜色：红色；
}

PASSED FAILED PASSED FAILED

请您也给我们看一下HTMLFISTRT，在您的解释中，您提到了“PASSED”和“FAILED”，但在您的代码中，我看到了“PASSED”和“Result”。这是一个键入错误吗？另请参见：恐怕您的问题太模糊了，我不清楚这是问题还是…它是一个显示实时输出的预标记是的，这是个错误，我是说失败了，没问题，兄弟。