jquery - 想要在单击删除 anchor 标记时删除相应行

Question

我想在点击“删除” anchor 标记时删除相应的行。

从服务器响应中我得到 1，但是当我尝试删除不起作用的 anchor 标记的父级的父级时。

这是代码

因为我的 Html 代码是:

                           <tr>
                              <td><?php echo $w_value['pro_name']; ?></td>
                              <td><?php echo $w_value['sellingprice']; ?></td>
                              <td><a class="remove_wishlist" href="javascript:;" data-uid="<?php echo $uid;?>" data-pid="<?php echo $w_value['id']; ?>">Remove</td>
                            </tr>

我的 Ajax 代码是:

jQuery(document).on("click",".remove_wishlist",function(){

    if(confirm('Are you sure to remove this item.')){

        var pid = jQuery(this).data("pid");
        var uid = jQuery(this).data("uid");
        var urll = WEBSITE_URL+"pages/removewishlist";
        var $this = $(this);
        $.ajax({
            type:'post',
            url:urll,
           data:{pid:pid,uid:uid},
            success:function(data){
                console.log(data);
                if(data == 1){

                    $this.parent().parent("tr").remove();//this is not removing the entire row

                }
            }
        });



    }

});

Answer 1

您可以使用parents()而是遍历回父匹配 <tr>选择器。功能.parent()只会在 DOM 树上上升一级，而 .parents()返回要遍历的完整父集合。

$this.parents("tr").remove();

两种不太可能发生的情况:

您可能需要引用jQuery具体来说(并且不使用 $ )就像您在代码块中其他地方所做的那样:

var $this = jQuery(this); // was: $(this)

您返回的数据可能不是预期的格式(整数)，因此您可以尝试与字符串 ' 1' 进行比较(也许您已经测试过这个，并且它已经按照您编写的方式工作，将 data 与类型 integer 进行比较):

if( data == '1' ){ //....