Jquery的：添加内部HTML动态生成的div

Question

在下面的代码，而试图改变动态geneted div的内部HTML，内HTML dosent变化。

$.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); 
    }