来自.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()函数。