Firefox不會在動態生成的JSON表中顯示第一行

Question

使用下面的jQuery代碼，我試圖讓JSON對象創建一個填充了所有JSON數據的新表。下面的代碼在除Firefox以外的每個瀏覽器中都能很好地工作在Firefox中，代碼確實創建了表格，但它始終跳過第一行。 （所有其餘行在FF中完美顯示。）更準確地說，在「each」方法的第一次迭代期間，代碼確實爲第一行創建了標記，併爲該標記創建了id屬性。但是，內部HTML（元素和文本）沒有附加到元素。我不明白爲什麼代碼在每個瀏覽器（包括IE8）中都能正常工作，但不是FF。誰能提供一些建議？

$('#mydiv').append('<table><thead><th>Activity</th><th>Category</th><th>Deadline</th><th>Status</th></thead><tbody>') 

$(json).each(function(i) { 
    $('#mydiv tbody') 
     .append("<tr id='" + json[i].id + "'></tr>") 
     .children("'#" + json[i].id + "'") 
      .append("<td class='activity'>" + json[i].activity + "</td>") 
      .append("<td class='category'>" + json[i].category + "</td>") 
      .append("<td class='deadline'>" + json[i].deadline + "</td>") 
      .append("<td class='status'>" + json[i].status + "</td>") 
}) 
$('#mydiv').append('</tbody></table>') 

Answer 1

試試這個（不知道它會工作..）

$('#mydiv').append('<table><thead><th>Activity</th><th>Category</th><th>Deadline</th><th>Status</th></thead><tbody></tbody></table>') 

$(json).each(function(i) { 
    $('#mydiv tbody') 
     .append(
      $("<tr />").attr("id", json[i].id) 
      .append("<td class='activity'>" + json[i].activity + "</td>") 
      .append("<td class='category'>" + json[i].category + "</td>") 
      .append("<td class='deadline'>" + json[i].deadline + "</td>") 
      .append("<td class='status'>" + json[i].status + "</td>") 
     ) 
});