替换div Jquery中的数据

时间:2012-02-04 19:39:37

标签: javascript jquery

我尝试在当前结束时添加新行。我认为问题在这里

 $("#main_content").append(data);

它将新数据全部用于html(html + css)并添加到已显示的数据中

也许只能从数据中获取?

或用new补充数据并将当前位置放到第一个位置?

JS

$(document).ready(function(){
    var num_messages = num_rows;
    var loaded_messages = 0;

    $("#more_button").click(function(){
        loaded_messages += 10;
        $.get(base_url + "twitterpagination/get_messages/" + loaded_messages, function(data){
        $("#main_content").append(data);

        });

        if(loaded_messages >= num_messages - 10)
        {
        $("#more_button").hide();
        //alert('hide');
        }
    });
})

HTML

<body>
<div id="main_content">
<?php
foreach($latest_messages as $message)
{
    echo $message->username . ' - ' . $message->message . '<br />';
}
?>
</div>
<div id="more_button">
more
</div>
</body>

结果

        user - message 1
        user - message 2
        user - message 3
        user - message 4
        user - message 5
        user - message 6
        user - message 7
        user - message 8
        user - message 9
        user - message 10

1 个答案:

答案 0 :(得分:1)

你应该使用jquery文本

http://api.jquery.com/text/

这应该这样做。