-1

[旧且不正确:停止投票]

我在 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")
    );
});
}

我想知道是否有一种方法可以反转从 div 中创建表的功能?我发现这很难,因为很明显结束标签都是

</div> 

所以一个简单的替换是行不通的。

我正在开发一个响应式网站(在该网站上我别无选择,只能使用表格)。

4

1 回答 1

1

您不应该进行这种转换。

表格用于表格数据。就像电子表格一样。即内容

div用于布局。即让它在屏幕和/或印刷媒体上看起来很漂亮

它们是不同的概念。

一定要用于<table>您的表格数据。使用 CSS 为屏幕和/或印刷媒体设置样式。

除了一些人/公司关闭 Javascript。

于 2012-10-12T14:08:16.423 回答