Question

我有一个显示数据的表格。我创建了一个按钮，允许用户选择日期，然后在表格中显示该日期的数据。我不确定如何在新数据显示之前清除原始数据。此时它只显示最初选择的内容和新数据。这是我的代码：

<script>    
   $(".spiffdate-btn").click(function(){
   var correctId = $("ul.spiff_tabs li.active a").attr('data-id');


   var startDate = $("#startDate").val();
   if (startDate == "") {

   } else {
       if (correctId == "delayedspiff")
       {
           $.get("@Url.Action("DelayedSpiff", "Dashboard")", { startDate: startDate }, function (data) {
               $('#details').html(data);

           });  


       } else if (correctId = "instantspiff") {

           $.get("@Url.Action("InstantSpiff", "Dashboard")", { startDate: startDate }, function (data) {
               $('#details').html(data);

           });

       }           
   }     
 });   
</script>

如何在$（'＃details'）之前清除.html（数据）;？

更新：

这是第一次加载视图时数据的加载方式：

function pullDetails(carrierId, startDate, status, divid) {
    $.get("@Url.Action("getDelayedSpiffOrderDetails", "Dashboard")",
        { carrierId: carrierId, startDate: startDate, status: status },
        function (data) {               
            $('#' + divid + ' .submitted_details').html(data);
            $('#' + divid + ' .submitted_details').html(data);
            $('#' + divid).removeClass('carrier-hide');

        });
}

运行新数据时如何清除此数据？

Answer 1

试试这段代码。

在将数据结果分配给表之前，请使用空（）清除内容。

$(".spiffdate-btn").click(function(){
    $('#details').empty();
    $('#details').html(data);
});

Answer 2

只是简单地将其设置为空

document.getElementById('details').innerHTML= '';

Jquery在新数据加载之前清除数据

2 个答案: