本文實例講述了基于正則表達(dá)式實現(xiàn)UL下LI的樣式替換功能。分享給大家供大家參考，具體如下：
最先我想到是在UL下填充好在替換發(fā)覺結(jié)果差強(qiáng)人意，沒有真正改變樣式：
$("#UlContent li").each(function (index) {
// alert(index + ': ' + $(this).text());
var text = $(this).text();
var regExp = new RegExp($("#search_content").val(), 'g');
var newText = text.replace(regExp,"span style=\"background-color:red;\">" + $("#search_content").val() + "/span>");//將找到的關(guān)鍵字替換，加上highlight屬性；
$(this).text(newText);//更新文章；
});
其實應(yīng)該在填充進(jìn)UL前進(jìn)行替換：
$("#search_content").keyup(function () {
if(CheckChinese($("#search_content").val()))
{
$.ajax({
type: "POST",
anync: true,
url: "HelpCenterSuggestion.ashx",
cache: false,
dataType: "text",
data: { m: $("#search_content").val() },
success: function (result) {
$("#UlContent li").remove();
var regExp = new RegExp($("#search_content").val(), 'g');
var newText = result.replace(regExp,"span style=\"background-color:red;\">" + $("#search_content").val() + "/span>");//將找到的關(guān)鍵字替換，加上highlight屬性；
$("#UlContent").append(newText);
}
});
PS：這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用：
JavaScript正則表達(dá)式在線測試工具：
http://tools.jb51.net/regex/javascript
正則表達(dá)式在線生成工具：
http://tools.jb51.net/regex/create_reg
希望本文所述對大家正則表達(dá)式學(xué)習(xí)有所幫助。
您可能感興趣的文章:- 使用正則表達(dá)式匹配[***]樣式的字符串
- java正則表達(dá)式獲取指定HTML標(biāo)簽的指定屬性值且替換的方法
- 正則表達(dá)式,替換所有HTML標(biāo)簽的簡單實例
- 正則表達(dá)式替換html元素屬性的方法
- jQuery使用正則表達(dá)式替換dom元素標(biāo)簽用法示例
- PHP實現(xiàn)通過正則表達(dá)式替換回調(diào)的內(nèi)容標(biāo)簽
- 用正則表達(dá)式替換圖片地址img標(biāo)簽
- asp 使用正則表達(dá)式替換word中的標(biāo)簽，轉(zhuǎn)為純文本
