如何清除jQuery中某些id的HTML內容？

Question

我使用的是smarty模板，php和ajax。我已經從我的Smarty模板下面的代碼片段：

<td align="left" id="subject_container" colspan="2" valign="top"> 
    <form> 
    <table cellpadding="0" cellspacing="10" border="0" width="68%"> 
         <tr> 
         <td align="center"> 
         {if $subject_details} 
          Subjects 
         </td> 
         {assign var='i' value=0} 
         {foreach from=$all_subjects item=subjects} 
         </tr> 
         <tr> 
         <td align="left" valign="top" width="150"> 
         {foreach from=$subject_details item=subject} 
         {if $subject.cs_subject_id==$subjects.subject_id}{$subjects.subject_name}{/if} 
         {/foreach} 
         </td> 
         {assign var='i' value=$i+1} 
         {/foreach} 
         </tr> 
         {/if} 
        </table> 
        </form> 
       </td> 

jQuery的功能就像如下：

function get_subjects_by_class(class_id) { 
    var field_id = 'subjects'; 

    $.ajax({ 
       url: "teacher_details.php", 
      type: "POST", 
       data: {'request_type':'ajax', 'op':'get_assigned_subject_list', 'class_id':class_id}, 
       success: function(data) { 
       $('#subject_container').append(data); 
       } 
     }); 
    } 

現在我要實現的是每一個函數被調用的id="subject_container"內容時間應該清楚並用新的內容替換，這些新的內容將作爲php文件的響應。我搜索了它，但不能得到滿意的解決方案。任何人都可以在這方面幫助我？提前致謝。

Answer 1

$.ajax({ 
       url: "teacher_details.php", 
      type: "POST", 
       data: {'request_type':'ajax', 'op':'get_assigned_subject_list', 'class_id':class_id}, 
       success: function(data) { 
       //$('#subject_container').append(data); 
$('#subject_container').html(data);//<-- here 
       } 
     }); 
    } 

Answer 2

變化

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

到

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