基於正規表示式實現UL下LI的樣式替換功能
本文例項講述了基於正規表示式實現UL下LI的樣式替換功能。分享給大家供大家參考,具體如下:
最先我想到是在UL下填充好在替換髮覺結果差強人意,沒有真正改變樣式:
$("#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正規表示式線上測試工具:
正規表示式線上生成工具:
希望本文所述對大家正規表示式學習有所幫助。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70015106/viewspace-2870895/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- vi 正規表示式替換
- 正規表示式的字串替換方法字串
- VS 正規表示式替換內容
- Java 正規表示式替換斜槓Java
- 使用正規表示式替換字串的方法(replace方法)字串
- vim表示式正則替換
- C#用正規表示式高效替換變數C#變數
- 記一次正規表示式替換,使用 ideaIdea
- 正規表示式實現字元的模糊匹配功能示例字元
- 【Perl程式設計-6】正規表示式--替換+轉化程式設計
- 正規表示式基礎
- 簡單介紹Idea使用正規表示式批量替換字串的方法Idea字串
- 關於JS的正規表示式JS
- JS基礎:正規表示式JS
- 【正規表示式】常用的正規表示式(數字,漢字,字串,金額等的正規表示式)字串
- 使用正規表示式替換報表名稱中的特殊字元(推薦)字元
- 正規表示式
- 正規表示式.
- python 關於正規表示式rePython
- shell基礎 — 基本正規表示式
- 前端基礎之正規表示式前端
- bash基礎特性、正規表示式
- 正規表示式基礎知識
- Python基礎之正規表示式Python
- python基礎操作——正規表示式Python
- java正規表示式替換手機號,身份證號處理 星號Java
- Linux 的正規表示式Linux
- JS常用正規表示式及驗證時間的正規表示式JS
- JavaSE基礎:”頭疼”的正規表示式Java
- JavaSE基礎:"頭疼"的正規表示式Java
- php –正規表示式PHP
- 【Linux】正規表示式Linux
- 【JavaScript】正規表示式JavaScript
- URL正規表示式
- 正規表示式 split()
- 初探正規表示式
- 正規表示式 test()
- 正規表示式(?!)作用