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