Раскрасить сопоставленный текст с помощью jQuery

Question

Я использовал следующий код:

var search = 'test';
if ($('#sku').find(search) ){
    //alert(search);
    $(document).find(search).css('color','red');


<TABLE>
    <tr>
        <td id='search' > This is searching test !</td>
    </tr>
</TABLE>

Как я могу раскрасить слово «тест» в моем HTML с помощью jQuery?

Заранее спасибо!

Answer 1

Не проверено, но что-то вроде этого должно работать:

$(function() { 
    var search = "test"; 
    var elm=$("#search");
    elm.html(elm.html().replace(search,"<span style='color:red'>"+search+"</span>"));
}); 

Answer 2

Вы имеете в виду:

$(function() {
    var search = "test";
    $("#search:contains("+search+")").css('color','red');
});