我有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();
清除它,但它不起作用。我的错误在哪里?
感谢您的帮助。
答案 0 :(得分:0)
使用此代码:
$(".videolist").html('');
应该有效