jquery：拆分和更改元素文本的颜色

Question

我在asp.net mvc中的项目。  我已将SQL_Error属性添加到我的模型中。当所有输入值都是rihth时，它将把它写入DB。如果插入到DB时会出现一些错误，它将返回Error作为ErrorMessage：WhatYouMustDo。我将此错误添加到modelState。它将自动显示在由mvc生成的validation-summary-errors div中。

它将显示如下：<ul><li>ErrorMessage : WhatYouMustDo</li></ul>

现在我想在'：'char之后用jquery

更改li text（）的颜色

Result :
ErrorMessage:(color-->Red)
WhatYouMustDo:(color-->blue)

我想要最好的方法来做到这一点

Answer 1

请查看此this

$(document).ready(function()
              {

                  var str = $('li').text();
                  var substr = str.split(':');
                  var myhtml="<span style='color:red;'>"+substr[0]+"</span>:<span style='color:blue;'>"+substr[1]+"</span>";

                  $('li').html(myhtml);



              });