jQuery按鈕刪除動態行按鈕

Question

我有一個表，其中每行有一些信息和刪除按鈕作爲單元格，當單擊刪除按鈕時，按鈕所在的行應該隱藏（）我該如何解決這個問題？

Answer 1

當然你使用迭代器顯示行。現在爲該del按鈕/單元格和jQuery寫入添加一些類。

jQuery(".<class name>").click(function(){ 
    jQuery(this).parent("tr").hide(); 
}); 

希望它能工作。

Answer 2

如果您的HTML看起來像這樣：

<tr><td>Some info</td><td><button>Delete</button></td></tr> 

然後，你可以綁定到這個按鈕

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

希望這有助於的單擊事件。

Answer 3

你可以這樣說：

 <tr> 
     <td>Info Here</td><td>Another Info Here</td><td><input type="button" value="Delete Row" class="delete_button"></td> 
     </tr> 

，然後在js文件：

$(".delete_button").click(function(){ 
    $(this).parent().parent().hide() 
}); 

只要確保你擁有jQuery的。