データを削除して再入力することはできましたが、データが重複すること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>