正規表現に基づいて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正規表現はオンラインテストツールです。
http://tools.jb51.net/regex/javascript
正規表現のオンライン作成ツール:
http://tools.jb51.net/regex/create_reg
本論文で述べたように、皆さんの正規表現学習に役に立ちます。