如何在td中更改單詞的顏色（jquery）

Question

如何將Weekend's顏色更改爲藍色？

我使用razor，我有一個標誌，枚舉它可以直接轉換爲字符串是這樣的：

var a = 1|2|6|7; 
var weekdayStr=a.ToString();//weekdayStr=="Monday, Tuesday, Weekend" 

和HTML：

<table> 
<tr> 
<td>Monday, Tuesday, Weekend</td></tr></table> 

如何只改變一個單詞的顏色，不是所有td文字？

Answer 1

$.fn.replaceText = function(search, replace, text_only) { 
return this.each(function(){ 
    var node = this.firstChild, 
    val, 
    new_val, 
    remove = []; 
    if (node) { 
    do { 
     if (node.nodeType === 3) { 
     val = node.nodeValue; 
     new_val = val.replace(search, replace); 
     if (new_val !== val) { 
      if (!text_only && /</.test(new_val)) { 
      $(node).before(new_val); 
      remove.push(node); 
      } else { 
      node.nodeValue = new_val; 
      } 
     } 
     } 
    } while (node = node.nextSibling); 
    } 
    remove.length && $(remove).remove(); 
}); 
}; 

$("td").replaceText(/Weekend/g, "<span>Weekend</span>"); 
$('td span').css('color', 'blue'); 

reference from

Answer 2

$(document).ready(function(){ 
    var build = ''; 
    var data = $('#yourtd_id').html().split(','); 
    $.each(data,function(v){ 
     if(v == 'Weekend'){ 
      build+='<span style="color:blue">'+v+'</span>,'; 
     }else{ 
      build+='<span>'+v+'</span>,'; 
     } 

    }); 
$('#yourtd_id').html(build) 

}); 

Answer 3

您必須手動添加html標記，或者找到td並使用jQuery對其進行修改。

$('td').html($('td').html().replace('Weekend', '<span>Weekend</span>')); 
$('td span').css('color', 'blue'); 

Something like this fiddle

UPDATE：

new jsFiddle