検索中に既に存在するデータを削除する方法

Question

ウェブサイトに検索エンジンを統合する必要がありました。しかし、すでに最初のページにデータのリストがあります。 私の質問は、新しい検索リクエストを作成するときに、このデータをどのように表示または非表示にするかです。 ！ https://1drv.ms/f/s!AsW4Pb3Y55Qjb34OtQI7qQotLzc ここで画像を検索したり、打つと何かを入力して、現在の要素をどのように削除するかを入力します。 成功した回答を得た後、ウェブサイト上の既に存在するデータのリストを削除するにはどうすればいいですか？ 私はリソースを見つけようとしましたが、ヒントはありませんでした。誰かが私に指示を与えると、私は感謝するでしょう。私は全く新しいAjaxとjqueryです。

コード開始：

$（ "＃検索"）keyUpイベント（関数（）{

clearInterval(timer); 
timer = setInterval(update, 50); 

}）。

function update（）{ clearInterval（timer）;

var myInput = $("#search").val(); 
if ((myInput != "") && (myInput != searchText)) { 
    $.ajax({ 
     url: '/search-start', 
     type: 'GET', 
     data: {"data": myInput}, 
     success: function (response) { 
      console.log(response); 

     }, 
     error: function() { 
      console.log("Error.") 
     } 

Answer 1

仮定

<div id="data-container"> <!-- main container which holds your data list --> 
    <ul id="data-list"> <!-- list of data here --> 
     <li>Data 1</li> 
     <li>Data 2</li> 
     <!--- ...other datas ---> 
    </ul> 
</div> 

その後

$.ajax({ 
     url: '/search-start', 
     type: 'GET', 
     data: {"data": myInput}, 
     success: function (response) { 
      if(/**response contains correct data**/){ 
       $('#data-list').html(''); // empty the data list 

       //prepare the data list view like 

       var newDataList = ""; 

       $.each(response['data'], function(key, val){ 
        newDatalist += "<li>"+val+"</li>"; 
       }); 

       // then append your new data to the data list 
       $('#data-list').html(newDataList); 

      } 
     }, 
     error: function() { 
      console.log("Error.") 
     } 
    });