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

我有从我的控制器返回的数据，结果在js中正确地显示为json，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);
            });

成功：函数（结果）{
var数据=null；
$。每个（结果、功能（i、项目）{
数据=“”+item.Id+“”+item.Title+“”；
$（“#选项卡-”+item.PropertyType）.append（数据）；
});

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

成功：函数（结果）{
var数据=null；
$（“[id^='tab-']div”）.remove（）；
$。每个（结果、功能（i、项目）{
数据=“”+item.Id+“”+item.Title+“”；
$（“#选项卡-”+item.PropertyType）.append（数据）；
});

试试这个：

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

成功：函数（结果）{
var数据=null；
$。每个（结果、功能（i、项目）{
$（“#选项卡-”+item.PropertyType）.children（'div'）.remove（）；//删除选项卡内的所有div
数据=“”+item.Id+“”+item.Title+“”；
$（“#选项卡-”+item.PropertyType）.append（数据）；
});

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

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

成功：函数（结果）{
$。每个（结果、功能（i、项目）{
$（“#选项卡-”+item.PropertyType）.html（“”+item.Id+“”+item.Title+“”）；
});

检查实际运行了多少ajax请求。

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