jQuery .add() 和empty()

Question

<div id="msg_container">
  <span> Is this helpful ? </span>
  <span class="feedback"> 
     <a title="like"> Yes </a> 
     <a title="dislike"> No </a> 
  </span>
</div>

// jQuery Script
$('.feedback a').live('click', function() {
   var reference = $(this).parent().parent();
   $.post("URL", $("FORM").serialize(),
        function(data){
    // posted successfully and following will be executed
    reference.empty();
            reference.add('<span> You have given feedback </span>');

   }, "json");       
});

过程是:

1. 系统将询问用户“这有帮助吗？”是 否'
2. 点击"is"或“否”后，.post 方法将被执行
3. 成功发布到服务器后，
4. 我希望 DOM 元素 id="msg_container"将整个内容更改为包含“您已提供反馈”这句话的正常范围或段落，以便每个用户只能提供一个反馈。

问题:

1. 一旦 div“msg_container”被清空，.add() 就不起作用了。
2. 即使没有清空“msg_container”，.add() 仍然不起作用。
3. 我阅读了文档，.add() 似乎不能像我上面那样使用引用对象。
4. 我必须将引用分配给变量，例如 var reference = $(this).parent();否则，执行 $.post 后，$(this) 将丢失其原来的 'this' 引用。

知道如何解决这个问题吗？只要满足我的要求，我就可以接受其他解决方案。

Answer 1

您可以使用append()

reference.append('<span> You have given feedback </span>');