jquery - 删除列中具有 html5 数据属性的表行

Question

我在表格的每一行都有一个按钮。该按钮使用 html5 数据属性。该属性来自服务器。

<table>
<tr>
<td>...</td>
<td><button class="deletebutton" data-delete="<?php echo $result_cameras[$i]["camera_hash"]; ?>">Delete Camera</button></td>
</tr>
...
</table>

我尝试在 jquery 中使用该属性处理它：

jQuery(document).on("click", ".deletebutton", function() {
    var camerahash = jQuery(this).data("delete");
    jQuery.ajax({
       url: "index.php?option=com_cameras&task=deletecamera&camera_hash="+ camerahash +"&format=raw",
       success: function(){
            jQuery("selector here to identify tr of table using camerahash").remove();
        }
    });
});

由于我已经将camerahash（数据属性）用于其他事情，因此即使它是列的一部分，也可以使用它来识别表行。但我不确定在这里使用什么选择器来识别对应列的表行？

不一定要这样，但我认为这会很干净。

Answer 1

您可以this在变量 ( $this) 中存储对的引用，然后closest()在回调中使用它来查找它属于哪个表行。

jQuery(document).on("click", ".deletebutton", function() {
    var camerahash = jQuery(this).data("delete");
    var $this = $(this);
    jQuery.ajax({
       url: "index.php?option=com_cameras&task=deletecamera&camera_hash="+ camerahash +"&format=raw",
       success: function(){
            $this.closest('tr').remove();
        }
    });
});