jQuery .active HTML显示

Question

此代码调用新数据并将其放入div中，但不会替换旧的htm。它只是增加了它。代码中有错误，但我找不到它们。我怎样才能取代htm文件而不仅仅是添加到数据中？

.click(function() { 

    $('.tabActive').removeClass('tabActive'); 
    $(this).addClass('tabActive'); 
    var lesson = $(this).attr('.lesson'); 
    var self = this 
    $("#loading").show(); 

    setTimeout(function() { 

    $.ajax({ 
     type: "GET", 
     url: 'lessons/' + lesson + '.htm', 
     datatype: "html", 
     success: function (data) { 
     $('#sectionTabContent').append(data); 
     }, 
     complete: function() { 
     $("#loading").hide(); 
     } 
    }) 
    }, 3000); 
}); 
} 

HTML

<div id='sectionThreeTabs'>       
    <div id='' class='sectionThreeTab tabActive' lesson='first'> 
     Try 
    </div> 
    <div class='sectionThreeTab' lesson='second'> 
     Anger 
    </div> 
    <div class='sectionThreeTab' lesson='third'> 
     Size 
    </div> 
</div> 

Answer 1

变化

$('#sectionTabContent').append(data); 

到

$('#sectionTabContent').html(data); 

Answer 2

更改的行

$('#sectionTabContent').append(data); 

与

$('#sectionTabContent').html(data);