javascript - onclick 在 View 内显示重复的 json 结果

Question

我有从 Controller 返回的数据，结果在 js 中正确显示为 json，在我的 View 中附加 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);
        });