隐藏引导模型后隐藏表格行

Question

场景：

当用户单击删除按钮从数据库中删除产品时，它总是要求对引导模型进行确认，并带有确认消息和删除按钮。

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

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

所以为了隐藏我写的这个：

桌子：

<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();