Question

我使用jQuery创建了一个表，如下所示：

$('#dynamictable').append('<table>');
var table = $('#dynamictable').children();
for (var i = 0; i < 13; i++) {
    var str = "<tr>";
    for (var j = 0; j < 7; j++) {
        str += "<td style='background:#ccc;'>cell</td>";
    }
    str += "</tr>";
    table.append(str);
}
$('#dynamictable').append('</table>');

此处我 13 * 7 = 91 <td> s。

我想从 0到90 动态地向<td>添加ID。我怎么能这样做？

检查小提琴：FIDDLE

Answer 1

你也可以试试这个 -

var id = 0;
for (var i = 0; i < 13; i++) {
    var str = "<tr>";
    for (var j = 0; j < 7; j++) {
        str += "<td id='" + id + "' style='background:#ccc;'>cell</td>";
        id++;
    }
    str += "</tr>";
    table.append(str);
}

FIDDLE

Answer 2

您可以使用以下代码

$('#dynamictable').append('<table>');
var table = $('#dynamictable').children();
var count = 0;
for (var i = 0; i < 13; i++) {

    var str = "<tr>";
    for (var j = 0; j < 7; j++) {
        count = count + 1;
        str += "<td style='background:#ccc;' id='td_id_"+count+"'>cell</td>";
    }
    str += "</tr>";
    table.append(str);
}
$('#dynamictable').append('</table>');

Answer 3

嗯，我最简单的方法就是这样：

var index=0;
$("#dynamictable table td").each(function(){
    $(this).attr("id", index++);
});

Here is the update JSFiddle

在JSFiddle中，单击按钮会将ids添加到tds，您可以在inspect-element视图中查看它：）

jQuery动态创建表需要动态添加id

3 个答案: