透过正则对搜索的内容进行高亮显示

通过正则对搜索的内容进行高亮显示

首先，要想到用户可能输入任意字符，所以要先处理正则里面的有特殊意义的字符。如下：

/*sourceText:为转义过的html*/var tempNode = document.createElement('div');tempNode.innerHTML = sourceValue;sourceText = tempNode.innerHTML;function highLightedText(searchValue,sourceText){/*sourceText:为转义过的html*/var tempNode = document.createElement('div');tempNode.innerHTML = sourceValue;sourceText = tempNode.innerHTML;searchValue = searchValue.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;')pregSearchValue = pregQuote_(searchValue);if(if(sourceText.indexOf('<')!=-1){var re = new RegExp('([^>]*)' + pregSearchValue + '([^>]*<)', 'g');sourceText = sourceText.replace(re,'$1<b>' +searchValue+'</b>$2');var re2 = new RegExp('(>[^<]*)' +pregSearchValue + '([^<]*)', 'g');sourceText = sourceText.replace(re2,'$1<b>' + searchValue +'</b>$2');}else{     var re = new RegExp(pregSearchValu, 'g');     sourceText = sourceText.replace(re,'<b>' + searchValue +'</b>');    }return sourceText;}