javascript - 通过 ajax 调用的 HTML -jquery -json - 填充 2 个 Web 表一个在另一个之上

Question

我有 2 个表，我根据 2 个输入框的值通过 2 个搜索 (mySQL-JSON-AJAX) 填充它们。用户输入搜索项并单击相应的按钮。除了首先单击 button1(顶表)时，一切正常 - data1 按预期填充顶表但是当单击 button2 时，应该填充底表的 data2 被附加(到右侧)在顶表中.但是，如果我从 button2 开始填充底部表格，然后使用 button1 填充顶部表格，则一切正常。希望这是有道理的! 这是一个示例，我如何通过单击 button1 来填充顶层表(底层表以相同的方式实现)。当data1已经在顶层表中时，如何强制data2转到底层表？

function processJSON1( data ) {                                               


var next_row_num = 1;                                                     


$.each( data.matches, function(i, item) {                                 
    var this_row_id = 'result_row_' + next_row_num++;                     
      //add data to table1                                                                                  
    $('<tr/>', { "id" : this_row_id } ).appendTo('#table1');              


    $('<td/>', { "text" : item.col1 } ).appendTo('#' + this_row_id);                                      
    $('<td/>', { "text" : item.col2 } ).appendTo('#' + this_row_id);                                   
    $('<td/>', { "text" : item.col3 } ).appendTo('#' + this_row_id);   

});                                                                       

}

Answer 1

行号似乎没有递增？您是否尝试注销行 ID 以确保 .each 正在执行您期望的操作