Question

我正在使用Jquery和html在GUI中创建一个带有有序列表的网格。用户可以动态编辑每个网格单元格中的html内容。我有两个问题：

如果每个li元素都与.html相关联，用户可以编辑它，那么如何迭代所有li元素以获取当前.html的价值？最好不必单独命名每个元素....
我想让用户自定义网格。即如果用户输入他们想要2 rows和2 cols，则网格将显示为2x2。如何动态编辑html在GUI上的显示方式？如果用户想要10x10网格，我是否真的必须创建100个li元素，或者更好的方法是什么？

这是我的有序列表代码。现在有12个细胞。谢谢！

<ol id="selectable">
    <li class="ui-state-default">1</li>
    <li class="ui-state-default">2</li>
    <li class="ui-state-default">3</li>
    <li class="ui-state-default">4</li>
    <li class="ui-state-default">5</li>
    <li class="ui-state-default">6</li>
    <li class="ui-state-default">7</li>
    <li class="ui-state-default">8</li>
    <li class="ui-state-default">9</li>
    <li class="ui-state-default">10</li>
    <li class="ui-state-default">11</li>
    <li class="ui-state-default">12</li>
</ol>

Answer 1

您可以使用.map()从元素列表中获取所有innerHTML。以下代码会为您提供每个innerHTML的{{1}}列表，并以逗号加入。

li
我很确定jQuery的manipulation methods会帮助您插入/删除元素。网格中有多少单元格取决于您的程序;你甚至可以让他们插入1000个细胞。为什么不呢？

动态使用html有序列表

1 个答案: