我已经设法删除并重新填充数据,但有时它会重复我的数据,我检查info
不包含任何重复数据,直到这部分代码运行。请指教。
tabbody - 是我的包含动态 tr
信息的 tbody - 包括我所有的 tr 和 td 数据。
javascript
function UpdateCourseList(course, section) {
$.ajax({
type: 'POST',
url: 'showServlet',
data: {'course': course, 'section': section},
datatype: 'json',
success: function(data) {
var template = $('#template').html();
var info = "";
for (var i = 0; i < data.length; i++) {
info += Mustache.to_html(template, data[i]);
}
$("#tab1tbody").children("tr").remove();
$("#tab1tbody").html(info);
$("#myTable").trigger("update");
}
});
}
$("#tab1").on("click", "table #courses", function() {
var course = ($(this).closest("tr").children("td").eq(0).html());
var section = ($(this).closest("tr").children("td").eq(1).html());
UpdateCourseList(course, section);
});
胡子
<script type ="text/template" id="template">
{{#course}}
<tr id="courses">
<td>{{col1}}</td>
<td>{{col2}}</td>
</tr>
{{/course}}
</script>
html
<table id="myTable" class="tablesorter">
<thead>
<tr>
<th>col1</th>
<th>col2</th>
</tr>
</thead>
<tbody id="tab1tbody">
</tbody>