单击按钮时清除 div（ASP.NET）答案

【问题标题】：Clear div on button click(ASP.NET)单击按钮时清除 div（ASP.NET）
【发布时间】：2017-09-21 10:25:54
【问题描述】：

我有 div，我在其中添加了一些关于按钮单击的数据。这是代码

$('#display').click(function () {
    $(".videolist").empty();
    var vacancyId = $("#vacancy").val();
    var model = {
        vacancyId: vacancyId
    };
    var today = new Date();
    var yyyy = today.getFullYear();
    $.ajax({
        url: '@Url.Action("Links", "Questions")',
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(model),
        type: 'POST',
        dataType: 'json',
        processData: false,
        success: function (data) {
            var question2 = data;

            for (var i = 0; i <= question2.length - 1; i++) {
                var videoHTML = '<div style="width:100%;overflow-y: scroll;background:white;height:60%;border-bottom:solid;border-color: #A9A9A9;">' + '<div style="float:left; width:50%;height:296px;border-right:solid;border-color: #A9A9A9;margin-bottom:10px;">' +
                    '<video  style="width:100%;height:290px; object-fit: contain;padding-right: 15px;padding-left:15px;" controls>';
                videoHTML += '<source src="' + document.location.origin + "/uploads/" + question2[i].Linkes + ".webm" + '" type="video/webm">';
                videoHTML += '</video>' + '</div>' + '<div style="float:right;width:48%;text-align:center;height:296px;padding-top:30px;">' + '<div style="font-size:20px">' + '<b>' + question2[i].FIO + '</b>' + '</div>' + '<div style="font-size:20px">' + '<b>' + question2[i].City + '</b>' + '</div>' + '<div style="font-size:20px">' + '<b>' + (yyyy - question2[i].Vozrast) + '</b>' + '</div>' + '<div class="qustion-div-two" style="height:160px;margin-top:20px; background:white;" >' +
                    '<div id="comments" style="width: 100%; height: 70%;">' + '</div>' +
                    '<div id="write_field" style="width:100%;height:30%;">' +
                    '<input type="text" style="width:99%; height:75%;margin-left:2px;margin-bottom:5px;" />' + '</div>' + '</div>' + '</div>';
                $(".videolist").append(videoHTML);

            }
        }
    });
});

当我选择另一个空缺时，我会看到以前生成的 div。

我尝试通过$(".videolist").empty(); 清除它，但它不起作用。我的错在哪里？

感谢您的帮助。

【问题讨论】：

empty() 应该可以正常工作。控制台有错误吗？
你在用IE吗？如果是这样，它可以缓存 ajax 请求。将 cache: false 作为参数添加到您的 ajax 调用中，看看是否可以修复它
所有作品似乎都是缓存。谢谢老兄@Andrewbrough

标签： javascript jquery html css asp.net

【解决方案1】：

使用此代码：

$(".videolist").html('');

应该可以的

【讨论】：