onclick在视图中显示重复的json结果

onclick shows duplicate json results inside view

本文关键字：json 结果 显示 视图 onclick      更新时间：2023-12-18

我有从控制器返回的数据，成千上万的结果在js中正确地显示为json，js在我的视图中添加div以显示这些数据。现在我遇到的问题是，每次单击div都会附加到+1行以显示相同的数据。如何在添加新的div之前删除这些div。

 success: function (result) {
            var data = null;
            $.each(result, function (i, item) {
                data = '<div>' + item.Id + ' ' + item.Title + '</div>';
                $("#tab-" + item.PropertyType).append(data);
            });

在添加一组新的div之前，可以删除所有具有父div的div其名称以"tab-"开头

success: function (result) {
        var data = null;
        $("[id^='tab-'] div").remove();
        $.each(result, function (i, item) {
            data = '<div>' + item.Id + ' ' + item.Title + '</div>';
            $("#tab-" + item.PropertyType).append(data);
        });

试试这个：

 success: function (result) {
        var data = null;
        $.each(result, function (i, item) {
            $("#tab-" + item.PropertyType).children('div').remove(); //remove any divs inside the tab 
            data = '<div>' + item.Id + ' ' + item.Title + '</div>';
            $("#tab-" + item.PropertyType).append(data);
        });

或者：在成功时替换选项卡的全部内容：

success: function (result) {
        $.each(result, function (i, item) {
            $("#tab-" + item.PropertyType).html('<div>' + item.Id + ' ' + item.Title + '</div>');
        });
相关文章：