CODEWITHSUNDEEP
javascriptjquery
Viktors
Viktors

Reputation: 935

Replace data in div Jquery

I try to add new lines to the end of current. I think problem is here

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

it take new data all html (html + css) and add to curent data what is already shown

Maybe is it possible to take only from data ?

or replece data with new and put the current to the first position?

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>

result

        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

Upvotes: 1

Views: 738

Answers (1)

kobe
kobe

Reputation: 15835

You should use jquery text

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

This should do it.

Upvotes: 1

Related Questions