Обновить php данные с jQuery не работает

Question

Я хотел постоянно обновлять sh PHP данные, используя jQuery по мере их обновления в базе данных. Сначала я использовал функцию загрузки jQuery, и она отлично сработала. Но мне нужно было ссылаться на sh несколько элементов div, поэтому я решил переключиться на следующий код:

<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<div id="test">
    <?php
        echo '<span>Test Message</span>';
    ?>
</div>
<script>
    $.get("/test.php", function(data){
        var $data = $(data);
        $("#test").html($data.find("#test > *"));
    });
</script>

Код выше является образцом. Текст исчезает после выполнения скрипта. Как мне этого не допустить?

Answer 1

Метод html() выполняет полную замену всего содержимого родительских элементов.

Если вместо этого вы хотите добавить больше содержимого, используйте вместо этого метод append().

Если вы хотите добавить больше содержимого, но хотите добавить его в начало, а не в конец, используйте prepend() вместо append().