How to update data on a page?

Question

css

socket.on('ten', function(msg) {
                for (var i = 0; i < msg.data.length; i++) {
                    $("table").append("<tr><td>"+msg.data[i]+"</td></tr>");
                }
            });

<table id="log1"></table>

This function takes a structure like [0.0, 0.003202049311551491, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0] and outputs the resulting data. But when the data comes in again, it does not replace the old ones, but outputs the new data again. How to make it remove old ones and add new ones?

Answer 1

socket.on('ten', function(msg) {
    $("table").html('');

    msg.data.forEach(item => $("table").append(`<tr><td>${item}</td></tr>`));
});

Move away from jQuery to Vue, React...