Question

我正在尝试创建一个包含25行和25列的表。我需要为每个<td>分配一个唯一的ID。要手动执行此操作，我必须将每个<td>的ID写入625次，这是一项单调的任务。我怎样才能快速轻松地完成这项工作？

我想我可以为每个<tr>提供一个介于1到25之间的ID。每个<td>的ID可能由

给出

*ID of corresponding tr* + "- i"

对于整数0

Answer 1

是的，你的思想正朝着正确的方向发展。你可以使用Javascript或让razor使用.cshtml和C＃生成html ...如果你用JS生成整个表并且不用纯HTML编写表并稍后尝试修改它可能会更容易。如果您不想依赖于激活的JS，您可以使JS生成一次代码，然后复制纯HTML。

使用某种循环并重复通过JS附加一些html代码

<html>
<table>
<tbody id="myTable">
</tbody>
</table>

<script type="text/javascript">
var i = 0;
while(i < 100)
{
document.getElementById('myTable').innerHTML += "<tr id='" + i + "'>Hallo</tr>";
i++;
}
</script>
</html>

Answer 2

检查此jscript解决方案：

var table = "<table>";

for(var i = 1; i <= 25; i++)
{
    var row = "<tr>";
    var cells = "";

    for(var j = 1; j <= 25; j++)
    {
        cells += "<td id='tr" + i + "-td" + j + "'>TR"+ i +" - TD" + j + "</td>";
    }

    row += cells + "</tr>";
    table += row;
}

table += "</table>";

console.log(table);

<强>解释

<强> 1。创建包含表定义的变量表

var table =“”;

<强> 2。循环25次，符合您的行数

for（var i = 1; i <= 25; i ++）

第3。声明两个变量以包含行和单元格

var row =“＆lt; tr＆gt;”;

>var cells = "";

<强> 4。循环25次，符合您的细胞数量

for（var j = 1; j <= 25; j ++）

<强> 5。创建单元格，将id放在格式 tr＃-td＃

上

单元格+ =“＆lt; td id ='tr”+ i +“ - tt”+ j +“'＆gt; TR”+ i +“ - TD”+ j +“＆lt; / td＆gt;”; < / p>

<强> 6。将单元格附加到行

row + = cells +“＆lt; / tr＆gt;”;

<强> 7。将行附加到表格

表+ =行;

<强> 8。关闭表格

table + =“＆lt; / table＆gt;”;

<强> 9。在浏览器控制台中转储var表

的console.log（表）;

在浏览器控制台上运行，瞧！

希望有所帮助

如何快速为625个单元格提供ID？

2 个答案: