Shulou(Shulou.com)06/02 Report--

This article mainly shows you the "regular expression based on how to achieve LI under UL style replacement function", the content is easy to understand, well-organized, hope to help you solve your doubts, the following let Xiaobian lead you to study and learn "based on regular expression how to achieve the UL under the LI style replacement function" this article.

The details are as follows:

The first thing I thought of was to fill it under UL, but the replacement found that the result was not satisfactory and did not really change the style:

$("# 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, "+ $(" # search_content "). Val () +"); / / replace the keyword found with the highlight attribute $(this) .text (newText); / / Update the article;})

You should actually replace it before you populate the 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, "" + $("# search_content"). Val () + "); / / replace the found keyword with the highlight attribute $("# UlContent") .append (newText);}}). These are all the contents of the article "how to implement the style replacement function of LI under UL based on regular expressions". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.