如何清除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);