onclickボタンの後に自動的にdivを読み込む方法は？

Question

は、私は今、私のデータベースからデータを削除することができ、私を助けてください、それは自動的に画面に消えることはありません

Here`s私のコード：

<form id="formUpdateScore"> 
    <?php 
     include(dirname(__FILE__).'/template-parts/php/add_variable.php'); 
     $var = new variable(); 
     $connection = $var->connect(); 
     $var->gi_id = $_POST['id']; 
     $GLOBALS['x'] = $var->gi_id; 
     $query = "SELECT * FROM business_variable WHERE company_id = ".$var->gi_id; 
     $result = mysqli_query($connection,$query); 
     while($row = mysqli_fetch_array($result)){ 
     ?> 
     <div class="col-md-4 col-md-offset-1 aligntop"> 
      <div class="varName"> 
      <div class="col-md-8" style="padding:0;"> 
       <span class="variable" name="<?php echo $row['variable_name']?>" value="<?php echo $row['var_id']?>"><?php echo $row['variable_name']?></span> 
      </div> 
      <div class="col-md-4" style="padding-left: 0;"> 
       <input type="number" name="name[]" style="width: 55%;height: 40px;float: left;padding: 5px 4px;" class="score" id="getScore" data="<?php echo $row['var_id']?>" value="<?php echo $row['variable_score']?>"/> 
       <input type="button" data="<?php echo $row['var_id']?>" class="remove" value="-"/> 
      </div> 
      </div> 
     </div> 
     <?php 
     } 
mysqli_close($connection); ?> 
</form> 

：これは私のhtmlです

$(document).on('click','.remove',function(e){ 
    var x = document.getElementsByTagName('input'); 
    var a = $(this).attr('data'); 
    $.ajax({ 
     url:"http://localhost/scorecard/wp- 
     content/themes/twentyseventeen/ajax/submit.php?function=removeScore", 
     type:"post", 
     data:{ id:a }, 
     success: function(data){ 
     alert("Success"); 
     $('#formUpdateScore').append(data); 
     } 
    }); 
    }) 

Answer 1

success:function(response){ 
//on success, hide element user wants to delete. 
$('.classname').fadeOut(); //use element class name or id 

} 

OR

success:function(response){ 
//on success, hide element user wants to delete. 
$('.classname').hide(); //use element class name or id 
} 

Answer 2

その後、除去の成功機能でclosestスコアのdivとremove要素を見つける

<div class="col-md-4 col-md-offset-1 aligntop score"> 

のようなスコアを表し、個々のdiv、scoreのようなクラス名を付けます。

$(document).on('click','.remove',function(e){ 
    var inp = $(this); 
    var a = inp.attr('data'); 
    $.ajax({ 
     url:"http://localhost/scorecard/wp-content/themes/twentyseventeen/ajax/submit.php?function=removeScore", 
     type:"post", 
     data:{ id:a }, 
     success: function(data){ 
      alert("Success"); 
      inp.closest('.score').remove(); 
     } 
    }); 
}); 

よろしく