jquery - .ajax 方法的响应总是在单击按钮时替换以前的内容

Question

html代码

 <table border="0"  class="commentbox">
    <tr>
      <td>Some Item text
      </td>
   </tr>
   <tr>
     <td>
          <div id="<%:containerid %>"></div>
          <input type="button" class='btnReply' id="<%:rid %>" value="Reply"/>

     </td>
   </tr>
 <tr>
   <td>
      <div id="replytopost">
     </div>
   </td>
  </tr>
</table>

jQuery代码

   $(document).ready(function () {
    $(".commentbox .btnSave").live("click", function () {
        alert("hii");
        var itemId = $(this).attr("id").split("-")[1]
        var txt = $(this).parent().find(".txtCmnt").val();
        alert(itemId + txt);
        $.post("Handler/Topic.ashx", { reply: txt, id: itemId }, function (data) {
            alert(data);
            $("#replytopost").html(data);
            //do whatever with the response
        })
    });
});

每当我单击类 .btnSave 的动态创建按钮时，都会打印响应，但是如果我第二次单击响应，则会将其替换为新值。当我单击第二次响应时，不得覆盖。每次响应都必须出现在新的 div 中。这个怎么做。

Answer 1

该.html()函数旨在完全替换元素的内容。如果要添加到它，请改用该.append()功能。