突出显示搜索关键字

Question

我创建了一个简单的数据库并且有一个实时搜索，我想知道如何在 table 中突出显示搜索关键字。我一直在使用其他方法，但仍然不起作用。请帮助我

这是我的代码：

$(document).ready(function(){
    load_data();

    function load_data(search){
      $.ajax({
        url:"get_data.php",
        method:"POST",
        data: {
          search: search
        },
        success:function(data){
          $('#hasil').html(data);
        }
      });
    }
    $('#search').keyup(function(){
      var search = $("#search").val();
      load_data(search);
    });


    function highlight_word(hasil)
      {
          var text = document.getElementById("search").value;
          if(text)
          {
              var pattern=new RegExp("("+text+")", "gi");
              var new_text=hasil.replace(pattern, "<span class='highlight'>"+text+"</span>");
              document.getElementById("hasil").innerHTML=new_text; 
          }
      }

html :

  <input type="text" class="form-control" id="search" name="search" >
  <div id="hasil"></div>

Answer 1

关注本文。你可以这样

[

Answer 2

您从未在某处调用过 highlight_word() 函数。您可以通过以下方式替换您的成功功能：

success:function(data){
      $('#hasil').html(data);
      highlight_word(data);
    }

突出显示搜索关键字

Highlighting search keyword

html

javascript

php

ajax