如何从Excel电子表格生成div元素

什么是从表格或Excel电子表格到div元素的最佳方式？ 我有表格，有几百行，我想表示为HTML文件中的div元素。 成品看起来像这样：

<div id="COL1" style="display:none;">COL2 blah blah COL3</div> 

COL2和COL3之间的文本将全部相同。 我可以在转换之前轻松将其插入到我的表格中。 有什么想法吗？

Answer 1

我不确定我是否正确理解input，但是如果你想用一些重复的文本生成一堆DIV ，你可以加上E1 （假设你的文本COL1...3和blah blah被放在A:D列中A:D从第一行开始）如下公式：

 ="<div id="""&A1&""" style="""&"display:none;"""&">"&B1&" "&C1&" "&D1&"</div>" 

自动填充文本值列表并导出/复制到HTML编辑器生成的DIV 。

示例文件： https : //www.dropbox.com/s/gd52pp2p34flesg/DIVgenerator.xlsx

Answer 2

您需要使用Javascript / jQuery或任何您熟悉的脚本语言。

第一步是将Excel表格中的数据转换为数组，然后将其附加到html中

 var i=0; $.each(array, function () { $("#DIVID").append(array[i]); i++; }); 

这将基本上遍历数组[]中的每个元素。