Ajax更新表数据,但不重复顺序
Ajax update table data but not to repeat theader
jQuery AJAX调用正在更新表数据,但如果以前没有创建,我只想创建一次表头。
因此,在第一次ajax更新之后,我首先创建了表头,然后将数据行附加到tbody,这很好,
但在第二次更新时,它一直在添加theader,尽管我在创建一个之前检查了theader的长度,但长度总是返回0,因为theader一直在添加表数据,你知道我做错了什么吗?对不起,我的学习曲线。
jQuery:
success: function(response){
$.each(response, function (index, file) {
var newFileRow;
var tableHeader = '<tr id="fileTblHeaderRow">' +
'<th> <span>Name</span> </th>' +
'<th> <span>Size</span> </th>' +
'</tr>';
if($("fileTblHeaderRow").length) {
newFileRow = '<TR>' +
'<TD> <SPAN>' +file.name + '</SPAN> </TD>' +
'<TD> <SPAN>' +file.size + '</SPAN> </TD>' +
'</TR> <br />';
} else {
newFileRow = tableHeader +'<TR>' +
'<TD> <SPAN>' +file.name + '</SPAN> </TD>' +
'<TD> <SPAN>' +file.size + '</SPAN> </TD>' +
'</TR> <br />';
}
$('#fileListTblID').append(newFileRow);
});
},
您需要一个哈希前缀来按ID:进行选择
if($("#fileTblHeaderRow").length)
相关文章:
- Javascript循环不会自我更新
- 添加文字和评论功能更新Div
- ajax请求的顺序总是不同的
- 按照选项卡索引的顺序循环一个jQuery选择
- AngularJS:ng之后,重复$scope值未按预期更新
- 如何通过数组更新角度子范围
- Ajax更新表数据,但不重复顺序
- 如何在主干中对列表进行排序时更新模型的顺序属性
- 在具有交互性的酒窝多系列图表中更新系列顺序
- 更改图像的顺序并在数据库中更新
- 在MongoDB中更新后,插入项目的顺序搞砸了
- 在jQuery Sort之后获取更新的顺序
- 根据数字排序顺序更新自动重新排列HTML列表
- 在backbone.js中,如何使用新的模型数据更新视图,同时在没有完整渲染的情况下保持排序顺序
- 更新数据时保留和提示排序顺序
- Splice()不更新knockout.js中数组的项顺序
- 使用AJAX的Ruby on Rails更新列表打破了顺序
- 使用Jquery sortable和gridview更新排序顺序
- 使用jquery更新列表顺序
- 用用户输入的信息更新表,使表按字母顺序显示数组值