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

Question

我有 2 个表，我根据 2 个输入框的值通过 2 个搜索 (mySQL-JSON-AJAX) 填充。 用户输入搜索项并单击相应的按钮。除了首先单击按钮 1(顶部表)时，它都可以正常工作 - 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 没有递增？ 您是否尝试注销行 ID 以确保 .each 正在执行您的期望