从<tr>

Question

中删除一个表格行我需要帮助删除使用jQuery选定的表格行。

<tr data-file='+file_id1+'> 
    <td width="40%">'+file_name1+'</td> 
    <td>'+upload_date1+'</td> 
    <td><a href="sym.php?doc_id='+file_id1+'" class="view2_fl">VIEW FILE</a> | <a href="javascript:void(0);" class="del2_fl">DELETE</a></td> 
</tr> 

当我点击删除链接的文件从DB通过AJAX如下删除了： -

$('.addfile_popup').on('click', '.del2_fl', function(){ 
var job_id=$(this).data('job'); 
var file="file_id="+$(this).data('file')+"&job_id="+job_id; 
$.ajax({ 
    type:"POST", 
    url:"admin_includes/del_fl.php", 
    data:file, 

    success:function(html){ 
     if(html=="2") 
     { 
      //delete row 

     } 
    } 
})//end ajax 
}); 

我atempts删除特定的行是造成我的问题，因为我不似乎能够使用'this'来找到它。

感谢您的任何想法。

Answer 1

默认情况下，在success处理程序中，this绑定到一个mixin $.ajaxSettings以及您传递给$.ajax()的选项。

您可以指定context选项将this绑定到您选择的对象，包括值this在调用方中绑定。从那里，你只需要closest()定位表行删除：

$.ajax({ 
    type: "POST", 
    url: "admin_includes/del_fl.php", 
    data: file, 
    context: this, // Relay 'this' to 'success' handler. 
    success: function(html) { 
     if (html == "2") { 
      // Here, 'this' is the same as in the caller of '$.ajax()'. 
      $(this).closest("tr").remove(); 
     } 
    } 
});