Javascript 将表格更改为divs，然后再次更改为表格

[旧的和不正确的：停止向下投票]

我在stackoverflow上找到了一种将表转换为div的简单方法。我在每个标记示例上都有类

<table class="table">

因此，当div替换它时，它仍然拥有类表。tbody、tr和td也一样

当浏览器达到某个宽度时，我用以下命令更改HTML

function checkSize(){
if ($(window).width() < 768) {
    tableChanger();
}else{
    console.log("higher");
}
}

var tableChanger = function(){

$('table').each(function (){
    $(this).replaceWith( $(this).html()
        .replace(/<tbody/gi, "<div ")
        .replace(/<tr/gi, "<div ")
        .replace(/<\/tr>/gi, "</div>")
        .replace(/<td/gi, "<div")
        .replace(/<\/td>/gi, "</div>")
        .replace(/<\/tbody/gi, "<\/div")
    );
});
}

函数checkSize（）{
如果（$（窗口）.width（）<768）{
换表器（）；
}否则{
控制台日志（“更高”）；
}
}
var tableChanger=函数（）{
$（'table'）。每个（函数（）{
$（this.replaceWith（$（this.html）（）
.replace（/您不应执行此转换

表格用于表格数据。如电子表格。即内容

div
用于布局，即使其在屏幕和/或印刷媒体上看起来美观

它们是不同的概念

务必对表格数据使用
。对屏幕和/或打印媒体使用CSS样式

此外，有些人/公司会关闭Javascript。
不是我干的，但你没有表现出任何努力，所以这可能是你失败的原因，因为不清楚你在尝试什么（“转换”-你是指手动还是使用JS？），您没有在代码中提供特定的示例，并且您引用了另一个SO答案，但没有提供链接，因此我们不知道您已经找到了什么。我已经解释过，我不能这样做，因为所有更改的标记都有一个结束标记。因此我不知道如何将其分别更改回a或。这样更好吗？示例编辑每次都有一个不同于表格的布局选择。一个有表格的响应性设计？这是一个多么丑陋的想法啊！我本想在所有地方都使用div，但由于我们有需要垂直对齐底部的数据，所以遇到了麻烦。我不能使用display:table；style，因为它们在IE7中不起作用。当我们达到适合mo的分辨率时这两个TD变成了100%宽度的div来填充屏幕。这就是问题所在。@Gezzasa-回到过去（现在我显示我的年龄）所有的东西都是HTML——那时我们必须使用表格。不是所有的想法都是HTML是用于内容，CSS是用于样式。所以，只需为PC、手机和视力受损的人准备一个CSS。添加少量PHP，以提供具有适当CSS验证的页面。你甚至可以在该正面上使用继承，所以只需将该正面更改为调整页面如有必要，请联系我们。
</div>