更改颜色.val jquery

Question

我已经得到了输入，例如写入文本 - &1MyNicke&eName。

标签&1意味着，标签&1毕竟文本需要更改蓝色，标签&e意味着，标签&e毕竟文本需要更改黄色。

我没有想法如何使它（或许检查每一个符号），所以我现在的代码是：

<div class="namecolorchange"> 
    <center> 
     <p style="color: #000; font-weight: bold; font-size: 15px;">Change name color</p> 
     <input type="text" style="margin-bottom: 3px;" class="nameinput" name="nameinput"> 
     <span name="namedemo"></span> 
     <input name="namebutton" type="submit" class="namebutton" value=""> 
    </center> 
    </div> 

    <script> 
     $(document).ready(function() { 
      $("input[name='nameinput']").keyup(function() { 
       var value = $(this).val(); 
       $("span[name='namedemo']").text(value); 
       }) 
       .keyup(); 
      } 
     ); 
    </script> 

Answer 1

你需要使用正则表达式来做到这一点：我做了一个小例子here。

var replaceValue = value.replace(/&1([\w]+)/, "<span style='color: blue'>$1</span>"); 
$("span[name='namedemo']").html(replaceValue); 

演示了更新：http://jsfiddle.net/1xp658hr/1/