使用没有 tbody 的 jQuery 创建表答案

【问题标题】：Creating tables with jQuery without tbody使用没有 tbody 的 jQuery 创建表
【发布时间】：2012-11-15 07:28:28
【问题描述】：

如何在 jQuery 中创建表格而不通过 jQuery 将 tbody 添加到我的代码中？见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>

【问题讨论】：

标签： jquery

【解决方案1】：

您为什么要尝试删除tbody。您的浏览器正在尝试添加有效 html 的部分，您丢失了。不好看吗？

【讨论】：

border-collapse 不起作用，我认为这是因为添加了 tbody。我做了一个边框折叠内联样式。有用。所以我同意你的观点，我应该允许浏览器使我的代码 HTML 有效。

【解决方案2】：

请试试这个演示 http://jsfiddle.net/d8zVX/

引用 @undefined bruv: Actually browser creates the tbody element not jQuery

进一步阅读：

引用

由于历史原因，某些元素有额外的限制甚至超出了他们的内容模型给出的限制。

表格元素不能包含 tr 元素，即使这些元素在技术上允许在表格元素内根据本规范中描述的内容模型。（如果一个 tr 元素放在标记中的表格内，它实际上意味着一个 tbody 之前的开始标签。）

这将满足需求:)

代码

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

工作图像

【讨论】：

@TimothyClemans 在 pre 标记中显示这个 <tr><td>A</td><td>B</td></tr> 这是你想要的吗？休息浏览器无论如何都会添加tbody。 :)我在 mac air - Lion O/S - safari 浏览器上看不到 tbody jsfiddle.net/d8zVX :)
@TimothyClemans 嗯，我已经在上面添加了工作图像！没有tbody 至少在pre 标签上。
是的，但我希望浏览器运行的代码没有 tbody
@TimothyClemans 浏览器通过添加tbody 使您的表格更加美观，同时阅读stackoverflow.com/questions/1678494/… 或 stackoverflow.com/questions/7490364/…
谢谢！希望谷歌在我搜索添加 tbody 的 javascript 时向我展示了这些 stackoverflow 问题，不要添加 tbody javascript 等

【解决方案3】：

这很完美：

HTML：

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

查询：

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

【讨论】：