Question

我有一个日志文件，看起来像这样加载到页面：

23-06-2013, 15:04 - Action no.11
-Ip adress ::1
23-06-2013, 15:04 - Error no.21
-Ip adress ::1

我想用jquery改变那些Action no.11和Error no.21的颜色（希望它是可能的）。动作应该是一种颜色（例如绿色）而错误应该是另一种颜色（例如红色）。它是从.log文件加载的，因此没有像这样的标签。所以我认为，它应该检查单词“动作”或“错误”并改变颜色。请求建议

Answer 1

将您的日志插入.log，例如{@ 1}}（如果禁用JS会更好）：

<强> HTML ：

<pre>

将行拆分为数组
清除<pre class="log">23-06-2013, 15:04 - Action no.11 -Ip adress ::1 23-06-2013, 15:04 - Error no.21 -Ip adress ::1</pre>
循环线
将文本换行到jQuery对象
附加到.log
检查行是否包含.log或Action
改变颜色

<强>的jQuery ：

Error

<强> jsFiddle

Answer 2

这有点像语法高亮

function makeSpan(match){
    var color; 
    if(match.match('Error')){
    color = "red";
       }
       else{
       color = "green";
       }
    return "<span style='color:"+color+"'>"+ match  +"</span>";
}

var body = $('body');
var newBody = body.html().replace(/(Action.+)|(Error.+)/g,makeSpan);
body.html(newBody);

Chek out this jsFIddle

jquery根据文本改变颜色

2 个答案: