Question

我有一个javascript函数，可以动态填充mySql数据库中的表内容：

function getTop5() { // onchange        
    //showLoader();

    //setTimeout(function() {
        var funcid = "get_top_5";
        var er = rangeM3Slider.noUiSlider.get();
        var zv = $("#selectzv").val();
        var zp = $("#selectzp").val();

        var jqxhr = $.getJSON('functions/getdata.php', {
            "funcid": funcid,
            "er": er,
            "zp": zp,
            "zv": zv
        }).done(function(dataPrices) {
            //hideLoader();
            if (dataPrices == null) {
                bootbox.alert("Er is geen data bekend");
            } else {
                //$('#top5').remove();
                var table = '';
                var alert_system = '';
                for (var i = 0; i < dataPrices.length; i++) {
                    //table += '<option value="'+ datadiagnoses[i].diagnose_code + '">' + datadiagnoses[i].diagnose_code + '</option>';
                    switch (dataPrices[i].alert_system) {
                        case "OVER":
                            alert_system = '<span class="label label-success">EIGEN RISICO OVER</span>';
                            break;
                        case "WEG":
                            alert_system = '<span class="label label-danger">EIGEN RISICO WEG</span>';
                            break;
                    }
                    table += '<tr>' + '<td align="center">' + dataPrices[i].zkh_img + '</td>' + '<td align="center">' + dataPrices[i].zkh + '</td>' + '<td align="center">' + dataPrices[i].price + '</td>' + '<td align="center">' + dataPrices[i].verschil + '</td>' + '<td align="center">' + alert_system + '</td>'
                        //+ '<td align="center">'+ (dataContractMonitor[i].omzet - dataContractMonitor[i].vulling) +'</td>'
                        + '</tr>';
                }
                $('#top5').append(table);
            }
        })
        .fail(function() {
            hideLoader();
            bootbox.alert("Er kon geen data verkregen worden uit de database");
        }); //When getJSON request fails
    //}, 0);
}

我现在想要的是在追加新数据之前最好删除正文中的所有表格内容。否则，所有旧数据仍然可见，新数据将附加在旧数据下:-(。我尝试$("top5").remove(); 在函数的开头但是没有任何事情发生了。非常感谢任何帮助。

Answer 1

使用.empty();

描述：从DOM中删除匹配元素集的所有子节点。

$("your table id or class ").empty();

.remove() 将删除元素本身。

Answer 2

清除元素内容的方法是empty()：

$('#top5').empty().append(table);

但是，你可以覆盖元素的内容，它将使用html()同时执行两个操作：

$('#top5').html(table);

在javascript中删除表

2 个答案: