Как изменить цвет слова в 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