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

Question

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

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

COL2和COL3之间的文字都是一样的。在转换之前，我可以很容易地将它插入到我的表中。有什么想法吗？

Answer 1

我不确定我是否正确理解了输入，但是如果你想生成一堆带有重复文本的DIV，你可以添加到E1（假设你的文字为{{1} }}和COL1...3放在第一行的blah blah列中）以下公式：

A:D

将其自动填充到文本值列表中并导出/复制到HTML编辑器生成的="<div id="""&A1&""" style="""&"display:none;"""&">"&B1&" "&C1&" "&D1&"</div>" s。

示例文件：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++;
});

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