Скрыть элемент после удаления с JQuery

Question

Я новичок в среду JQuery, и я пытаюсь скрыть элемент после его удаления, есть фрагмент моего HTML-разметка:

<tr <?php echo "class='m<?=$id?>' " ?> > 
    <td><?=$email['first_name'] ?></td> 
    <td> <?= $email["email"] ?></td> 
    <td> 
     <button onclick="deleteRow(<?= $email['id'] ?>);" > Click here </button> 
    </td> 
</tr> 

и моя функция выглядит JQuery как:

function deleteRow(id) { 
    $(document).ready(function() { 
     $('.m'+id).hide(); 
    }); 

    var baseurl = "<?= Zend_Registry::get('config')->app->baseUrl ?>/contactlist/contactlist"; 
    $.ajax({ 
    //some other ajax .. 
    //ajax code ... 
    }); 
} 

Answer 1

Создать страницу, которая удаляет вас элемент, а затем в случае успеха скрыть элемент или заменить DIV с данными с этой страницы ... delete_your_element_here.php

$("button[name='approve']").on('click', function() { 
     var data = $(this).data(); 
       $.ajax({ 
       type:"POST", 
       url: "delete_your_element_here.php", 
       data: { key: data.ident, value: data.value ,id: data.deal_id}, //send your data here to be deleted here 
       success: function(data){ 
       $('#div_to_be_replaced').html(data);//replace your div or hide the current div here 
       } 
     }); 
    }); 



<button type="button" name="approve" data-ident="pdeal_deal_retail_value" style="width:90px;" data-value="<?php echo $row_rsGetDeal['deal_retail_value']; ?>" data-deal_id="<?php echo $row_rsGetDeal['pdeal_deal_id']; ?>" class="button_blue_form">Approve</button> 

получить значение, которые вы отправляете как этот $_POST['key'], $_POST['value'], $_POST['id']

Answer 2

Если вы хотите, чтобы удалить строку из документа после успешного удаления затем выполнить код, чтобы удалить элемент в обработчике успеха УДАЛИТЬ АЯКС вызова.

function deleteRow(id) { 
    .... 
    .... 
    $.ajax({ 
     ... 
     ... 
     success: function(){ 
      $('.m'+id).remove();//You can call remove instead of hide 
     } 
    }); 
}