jquery replaceWith（）不工作在$ .post函数

Question

我想做一个待办事项列表类型的事情。 在这里，我希望将新目标保存到数据库，然后仅对具有相关列表的div进行刷新，并显示添加了新目标的列表。

数据库更新正常，新的列表项返回新的HTML就好了，但 .replaceWith（）似乎不工作。什么都没发生。

它的工作原理是功能之外，而不是里面的话，我不知道为什么。

$('.addGoal').submit(function(event){ 
    var listid = $(this).attr('id'); 
    var desc = $(this).children('.goalinput').val(); 

    event.preventDefault(); 

    if(desc == "") { 
     console.log("empty!"); 
     return; 
    } 

    var posting = $.post("updatedata.php", { what :'addgoal', id: listid, data: desc}); 
    posting.done(function(data){ 
      console.log("saved!" + data); //this works, the updated html is being returned 
      $(this).closest('#goallist').replaceWith("Returned data goes here"); //this works outside of this function but not inside of it. 
     }); 
    }); 

Answer 1

请参阅

• How to access the correct this/context inside a callback?对于一般问题的解释和解决方案，并
• $(this) inside of AJAX success not working一个类似的问题$.ajax

但是由于无论如何ID应该是HTML文档中唯一的，您可以用$(this).closest('#goallist')替换为$('#goallist')并完全忽略this。

Answer 2

this不会自动保留其在回调函数中的值。你需要一个闭包变量绑定：

$('.addGoal').submit(function(event){ 
    var listid = $(this).attr('id'); 
    var desc = $(this).children('.goalinput').val(); 

    event.preventDefault(); 

    if(desc == "") { 
     console.log("empty!"); 
     return; 
    } 

    var that = this; // Closure variable 
    var posting = $.post("updatedata.php", { what :'addgoal', id: listid, data: desc}); 
    posting.done(function(data){ 
     console.log("saved!" + data); 
     $(that).closest('#goallist').replaceWith("Returned data goes here"); 
    }); 
});