如何在jquery中清除某些id的HTML内容？

Question

我正在使用smarty模板，php和ajax。我从智能模板中获取了代码片段：

<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文件的新内容。我用Google搜索但无法获得满意的解决方案。在这方面有谁可以帮助我？提前致谢。

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);