删除表格行后刷新div

时间:2017-11-27 23:58:47

标签: javascript jquery

我可以成功删除我的表行,并使用jquery和ajax将其从表中删除。在我的桌子上,我有显示的行数。如何刷新 div(update_count)以在删除后显示递减的数字?

<div id="update_count"><?=$num_count?> data</i></div> 
<table  class="table">
 <tr>
  <th style="width:1px"><strong>Date</strong></th>
    <th style="width:5px">Labo</th>
     <th style="width:5px">Delete</th>
      <tr>
      <?php foreach($IndicacionesLab as $row)

     {
      ?>
    <tr>
    <td><?=$row->insert_time;?></td>
    <td><?=$row->laboratory;?></td>
     <td> <a title="Eliminar laboratorio <?=$row->laboratory;?>" class="st deletelab" id="<?=$row->id_lab; ?>"  style="background:rgb(223,0,0);cursor:pointer">Delete</a></td>
     </tr>
   <?php
     }
     ?>
   </table>

的js

 $(".deletelab").click(function(){
  if (confirm("Sure to delete ?"))
        { 
      var el = this;
       var del_id = $(this).attr('id');
        $.ajax({
        type:'POST',
        url:'<?=base_url('admin/DeleteHistLab')?>',
        data: {id : del_id},
        success:function(response) {
    // Removing row from HTML Table
      $(el).closest('tr').css('background','tomato');
      $(el).closest('tr').fadeOut(800, function(){ 
       $(this).remove();
            });
          }
       });
      }
     })

0 个答案:

没有答案