0

コントローラーから返されたデータがあり、これらのデータを表示するためにビュー内に div を追加する js 内で、結果が json として適切に表示されます。今、同じデータを表示するためにクリックするたびに 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);
            });
4

2 に答える 2

1

これを試して ：

 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>');
        });
于 2012-07-20T10:34:55.930 に答える
1

新しい div のセットを追加する前に、名前が「tab-」で始まる親 div を持つすべての div を削除できます。

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);
        });
于 2012-07-20T10:28:34.477 に答える