Javascript 将自定义列添加到从ModelForm创建的表中

因此，我想向从ModelForm生成的表的每一行添加一个额外的列。在Django模板中，我使用：

 {{form.as_table}}

根据行的不同，该列的内容将不同。现在我有这个：

$('.table tr').each(function() {
    $(this).append("<td></td>");        
})
var row = $("#id_manufacturer").parent().parent();
var cells = $("td", test);
$(cells[1]).append("Stuff I am adding for this specific row");

$（'.table tr'）。每个（函数（）{
$（此）。追加（“”）；
})
变量行=$（“#id_制造商”）.parent（）.parent（）；
变量单元格=$（“td”，测试）；
$（单元格[1]）.append（“我正在为此特定行添加的内容”）；

---

我们有更好的方法吗！？谢谢

如果这是您需要添加的唯一内容，那么就可以了

您可以对代码进行如下微调：

$('.table tr').each(function() {
    $(this).append('<td class="myNewColumn"></td>');
})
$("#id_manufacturer").closest("tr").find("td.myNewColumn").append("Stuff I am adding for this specific row");

$（'.table tr'）。每个（函数（）{
$（此）。附加（“”）；
})
$（“#id_manufacturer”）.closest（“tr”）.find（“td.myNewColumn”）.append（“我为这一特定行添加的内容”）；

我不太清楚

测试

，但假设您指的是

行

这种方法避免了

.parent（）

类似地，用于标识新添加的列的类名可以防止将来对表结构进行更改<例如，代码>单元格[1]

可能有一天会变成

单元格[2]

从本质上说，我的代码与您的原始代码完全相同，加上一点未来验证