Jquery：将内部html添加到动态生成的div中

Question

在下面的代码中，当尝试更改动态生成的div的内部html时，内部html剂量会发生变化。

  $.ajax({
    url: 'xxx.xxx',
    beforeSend: function() {
      $('#scroll_items').append('<div class="list_item more_content" align="center"><img src="loader.gif"></div>'); 
    },
    success: function(data) {    
      $('#scroll_items div:last').html("hai to all");    
    }
});

html部分

  <div id="scroll_items"> 
    <div class="list_item1">
    Scroll beyond this container to automatically load more content
    </div>
    <div class="list_item">
    [ List Item 2 ]
    </div>
  </div>
</div>

Answer 1

只需删除一个额外的花括号，它就可以了。

$.ajax({
      url: 'xxx.xxx',
      beforeSend: function() {
         $('#scroll_items').append('<div class="list_item more_content" align="center"><img src="loader.gif"></div>');
      },
      success: function(data) {
        $('#scroll_items div:last').html("hai to all");
      }
    });

试试这个。

或尝试

success: function(data) {
setTimeout(function(){
        $('#scroll_items div:last').html("hai to all");
      },100);
   }