隐藏引导程序模型后隐藏表行

Question

场景：

当用户单击删除按钮从数据库中删除产品时，它总是通过确认消息和删除按钮询问引导模型的确认。

因此，如果用户单击模型中的删除按钮。。该产品将从数据库中删除。。模型中的一条消息显示了使用ajax成功删除的消息。。。

现在我想隐藏用户单击删除按钮的行。。表中的每一行都包含产品详细信息和一个删除按钮，删除按钮传递产品id，使用ajax调用可以从中成功识别和删除产品。。

所以为了隐藏tr，我写了这样的：

表格：

<tr id="<?= $row->id ?>"> //i have passed the product id to a tr.. so that i can hide it..
<td><?= $row->product_name ?></td>
<td>
   <a href="#delete-model" id="delete" role="button" 
      data-toggle="modal" data-id="<?= $row->id ?>">
      delete
   </a>
</td>
</tr>

id="delete"将id值传递给delete ajax调用并成功删除。。

ajax的成功方法：

  success: function(data) {
     $("#message").html(data.data);
     $('#trId').attr('value', data.trId); //example #productid
      //data.trId is the product id, to identify the tr 
       as i have passed the product id above to a tr as <tr id="<?= $row->id ?>">
   }

现在，当用户关闭模型时，我想从用户单击删除按钮的位置隐藏tr。

当用户关闭模型时，会触发此事件：

$('#delete-model').on('hidden.bs.modal', function(e) {
        $("#message").text(''); 
        $($("trId").val()).hide();
        $('#trId').attr('value', '');
    });

但它并没有像预期的那样工作。。任何帮助或建议都将是一个很大的帮助，提前谢谢。。

Answer 1

问题出在这一行：

$($("trId").val()).hide();

应该是：

$($("#trId").val()).hide();