Question

我有从我的控制器返回的数据，并且thouse结果在js中正确显示为json，它在我的视图中附加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);
            });

Answer 1

在添加一组新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);
        });

Answer 2

试试这个：

 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);
        });

OR：成功时替换标签的全部内容：

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

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

2 个答案: