查找某些文本，並添加CSS

Question

我有一定的文字是這樣的：

<li>certain text</li> 

現在我要的顏色，上面寫着「文」片。有了這個，我可以找到完整的文字：

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

的問題是，這種代碼變成完整的文字爲紅色的顏色。我如何才能得到說'文本'的文章，並在那部分上做CSS？

Answer 1

您需要更改li內容，因爲瀏覽器只能將樣式應用於元素，而不是單詞。

你可以這樣做：

$('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

小心與*選擇。你需要了解它會讓你所有的父母li，包括文檔...

Answer 2

你可以做到這一點的方式，但它沒有進行測試：

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