Comment changer la couleur d'un mot en td (jquery)

Question

Comment changer Weekend's couleur en bleu?

J'utilise razor et j'ai un drapeau ENUM qui peut directement convertir en chaîne comme ceci:

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

Et le code html:

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

Comment puis-je changer un seul mot de couleur, pas tout le texte en 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

Vous devrez soit ajouter manuellement une balise html, soit trouver le td et le modifier avec jQuery.

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

Something like this fiddle

MISE À JOUR:

new jsFiddle