嵌套的HTML表標籤剝離

Question

我想創建一個嵌套的表，這將通過添加一行後用戶點擊一行，然後在新行內添加一個表中顯示的項目的額外的細節。嵌套的類型的一個示例如下所示：

<table> 
 
    <tr id="1"> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
    <tr id="2"> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
</table> 
 

 
<table> 
 
    <tr id="1"> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
    <tr id="1a"> 
 
    <table> 
 
     <tr> 
 
     <td></td> 
 
     <td></td> 
 
     </tr> 
 
    </table> 
 
    </tr> 
 
    <tr id="2"> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
</table>

Jquery的拾取用戶點擊並詢問PHP爲詳細，它然後追加如下：

$.ajax({ 
 
    type: "POST", 
 
    url: "php/getDetail.php", 
 
    data: { 
 
     id: data_id 
 
    }, 
 
    cache: false, 
 
    success: function(data) { 
 
     $('#' + row_id).after(data); 
 
    } 
 
});

這將行添加到原始表，但它省略了封閉標籤嵌套表和你結束了這一點：

<table> 
 
    <tr id="1"> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
    <tr id="2"> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
</table> 
 

 
<table> 
 
    <tr id="1"> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
    <tr id="1a"> 
 
     <td></td> 
 
     <td></td> 
 
    </tr> 
 
    <tr id="2"> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
</table>

看來，沿線某處，Jquery的電話和瀏覽器的渲染之間，嵌套表標籤被剝離出來。有沒有其他人遇到過這個？