更改顏色.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/