Question

我有通过jQuery AJAX调用更新表数据，但我只想创建一个表头，如果之前没有创建的话。

所以在第一次ajax更新之后我首先创建了表头，然后将数据行附加到tbody，这很好，

但是在第二次更新时它会继续添加theader，虽然我在创建一个之前检查了theader的长度，但是length总是返回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);                                                                                     
    });  
},

Answer 1

您需要通过ID选择哈希前缀：

if($("#fileTblHeaderRow").length)

Ajax更新表数据但不重复标题

jQuery的：

1 个答案: