Trouver un certain texte et ajouter

Question

css J'ai un certain texte comme celui-ci:

<li>certain text</li> 

Maintenant, je veux colorer la pièce qui dit « texte ». Avec cela, je peux trouver le texte complet:

$(function() { 
    var color = $('*:contains("text")'); 
    color.css("color", "red"); 
}); 

Le problème est que ce code transforme le texte complet en couleur rouge. Comment puis-je obtenir seulement la pièce qui dit «texte» et faire css sur cette partie?

Answer 1

Vous devez modifier le contenu li car le navigateur ne peut appliquer que du style aux éléments, pas aux mots.

Vous pouvez le faire:

$('li:contains("text")').each(function(){ 
    var licontent = $(this).html(); 
    licontent = licontent.replace(new RegExp("text", "g"), '<span style="color:red">text</span>'); 
    $(this).html(licontent); 
}); 

Demonstration

Soyez prudent avec le sélecteur *. Vous devez comprendre cela vous aider à tous les parents du li, y compris le document ...

Answer 2

Vous pouvez le faire de cette façon, mais il n'a pas été testé:

$(function() { 
    var color = $('body').text('text'); 
    color.css("color", "red"); 
});