How to get last element via getJSON?

Question

JavaScript

Good afternoon.

In general, I decided to make AJAX loading of news. Implemented everything that I wanted in principle, i.e. for example, when adding news, it immediately appears in the block. But the problem is that this reloads the entire container.

Code example:

<div class="newsContainer--list">
    <div class="newsContainer--element">Сама новость</div>
</div>

So when I get result from php I update the container like this:

$.getJSON('/?module=news&media=ajax&action=json_load_news', function(data){
    $('.newsContainer--list').replaceWith($('.newsContainer--list').html(data));
});

And when an update occurs, the entire newsContainer--list container is understandably reloaded. Is it possible to somehow make sure that the entire container is not overloaded, but just at the beginning of it new news is appended?

I would be very grateful in advance if anyone can help/help me.

Answer 1

$('.newsContainer--list').replaceWith($('.newsContainer--list').html(data));

you update the entire block with this code,
you need to do it through something like this)

Answer 2

$.append()