本文實例講述了基于正則表達式實現(xiàn)UL下LI的樣式替換功能。分享給大家供大家參考,具體如下:
最先我想到是在UL下填充好在替換發(fā)覺結果差強人意,沒有真正改變樣式:
$("#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>");//將找到的關鍵字替換,加上highlight屬性;
$(this).text(newText);//更新文章;
});
其實應該在填充進UL前進行替換:
$("#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>");//將找到的關鍵字替換,加上highlight屬性;
$("#UlContent").append(newText);
}
});
PS:這里再為大家提供2款非常方便的正則表達式工具供大家參考使用:
JavaScript正則表達式在線測試工具:
http://tools.jb51.net/regex/javascript
正則表達式在線生成工具:
http://tools.jb51.net/regex/create_reg
希望本文所述對大家正則表達式學習有所幫助。
您可能感興趣的文章:- 使用正則表達式匹配[***]樣式的字符串
- java正則表達式獲取指定HTML標簽的指定屬性值且替換的方法
- 正則表達式,替換所有HTML標簽的簡單實例
- 正則表達式替換html元素屬性的方法
- jQuery使用正則表達式替換dom元素標簽用法示例
- PHP實現(xiàn)通過正則表達式替換回調的內(nèi)容標簽
- 用正則表達式替換圖片地址img標簽
- asp 使用正則表達式替換word中的標簽,轉為純文本