-1

[古いものと間違っているもの: 反対票を投じないでください]

テーブルをdivに変換する簡単な方法をstackoverflowで見つけました。タグの例ごとにクラスがあります

<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 に答える