Как добавлять контент, а не заменять содержимое контейнера полностью?

Question

[Алексей Черток]

Решил сделать AJAX подгрузку новостей. Реализовал все что хотел в принципе, т.е. например при добавлении новости она сразу появляется в блоке. Но проблема в том, что при этом перегружается весь контейнер.

Пример кода:

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

Когда я получаю result с php, я обновляюсь контейнер следующим образом:

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

И вот когда происходит обновление, то понятно перегружается весь контейнер newsContainer--list. Можно как-то сделать так, чтобы весь контейнер не перегружался, а просто в начале его аппендилась новая новость?

Comments

[Модератор]

Алексей Черток, дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац).
В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

Answer 1

[Дмитрий Пыркин]

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

ты этим кодом обновляешь весь блок

надо делать через
$('.newsContainer--list').append(data)
что то типа такого)

Answer 2

[Иван]

$.append()