-1

私は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 ...
    });
}
4

2 に答える 2

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']

于 2013-05-18T00:09:35.587 に答える
0

削除が成功した後にドキュメントから行を削除する場合は、コードを実行して、delete ajax 呼び出しの成功ハンドラーで要素を削除します。

 function deleteRow(id) {
    ....
    ....
    $.ajax({
       ...
       ...
       success: function(){
          $('.m'+id).remove();//You can call remove instead of hide
       }
    });
 }
于 2013-05-18T00:24:39.947 に答える