刪除表格行中的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(); 
     } 
    }); 
});