テーブルまたは Excel スプレッドシートから div 要素に移動する最良の方法は何ですか? HTML ファイルで div 要素として表現したい数百行のテーブルがあります。完成品は次のようになります。
<div id="COL1" style="display:none;">COL2 blah blah COL3</div>
COL2 と COL3 の間のテキストはすべて同じになります。変換する前に、テーブルに簡単に挿入できます。何かご意見は?
テーブルまたは Excel スプレッドシートから div 要素に移動する最良の方法は何ですか? HTML ファイルで div 要素として表現したい数百行のテーブルがあります。完成品は次のようになります。
<div id="COL1" style="display:none;">COL2 blah blah COL3</div>
COL2 と COL3 の間のテキストはすべて同じになります。変換する前に、テーブルに簡単に挿入できます。何かご意見は?
入力を正しく理解できたかどうかはわかりませんが、DIV
繰り返しテキストを含む一連の を生成したい場合は、(テキストが最初の行から始まる列に配置されているとE1
仮定して) 次の式に追加できます。COL1...3
blah blah
A:D
="<div id="""&A1&""" style="""&"display:none;"""&">"&B1&" "&C1&" "&D1&"</div>"
テキスト値のリストに自動入力し、生成された HTML エディターにエクスポート/コピーしますDIV
。
サンプル ファイル: https://www.dropbox.com/s/gd52pp2p34flesg/DIVgenerator.xlsx
Javascript/jquery または使い慣れたスクリプト言語を使用する必要があります。
最初のステップは、Excelシートから配列にデータを取得することです。次に、それを使用してhtmlに追加できます
var i=0;
$.each(array, function () {
$("#DIVID").append(array[i]);
i++;
});
これは基本的に、array[] 内の各要素を反復処理します。