使用jQuery創建沒有tbody的表格

Question

如何在沒有tbody被jQuery添加到我的代碼中的情況下在jQuery中創建表格？見http://jsfiddle.net/r7BFq/

$('table').html('<tr><td>A</td><td>B</td></tr>'); 
$('pre').text($('table').html());​ 

結果

<tbody><tr><td>A</td><td>B</td></tr></tbody> 

，我不希望出現這種情況。我想要：

<tr><td>A</td><td>B</td></tr> 

Answer 1

爲什麼你會嘗試刪除tbody。您的瀏覽器正在嘗試添加有效html的部分，您就錯過了。這不好嗎？

Answer 2

試試這個演示，請http://jsfiddle.net/d8zVX/

報價 @undefined bruv：Actually browser creates the tbody element not jQuery

進一步閱讀：

Why do browsers still inject <tbody> in HTML5?

報價

由於歷史原因，某些元素甚至超出其內容模型給出的限制之外還有其他限制 。

表格元素不能包含tr元素，即使這些元素在技術上允許在根據 表格元素在本說明書中描述的內容模型中。 （如果tr元素 被放在標記的表內時，它實際上將意味着前一個TBODY 開始標記。）

這將適合需要:)

代碼

$('table').html('<tr><td>A</td><td>B</td></tr>'); 
var hulk = $('table').html().replace(/<\/?tbody>/g, '');; 
$('pre').text(hulk);​ 

的工作形象

Answer 3

這完美的作品：

HTML：

<div id="table_sample"></div> 

JQUERY：

$('#table_sample').html('<tr><td>A</td><td>B</td></tr>'); 
$('#table_sample').text($('#table_sample').html());