[旧且不正确:停止投票]
我在 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>
所以一个简单的替换是行不通的。
我正在开发一个响应式网站(在该网站上我别无选择,只能使用表格)。