使用jQuery在客户端向重复器内的表格添加行

Question

我有一个重复器，其中包含一个表格。我希望用户能够通过向表格中添加新行来向重复器中添加新行。

有谁能给我一些想法？由于我对jQuery非常陌生，所以有人可以给出示例代码吗？

- user415772

Answer 1

如果您查看jQuery操作方法，这些方法是用于在jQuery中修改DOM的方法。

我建议您可以使用以下类似的方法：

var tableToUpdate = $('#yourTableId'); // select the table
var rowToAdd = $('<tr></tr>'); // this will create a table row element
rowToAdd.append('<td>some content for this cell</td>'); // add the columns to your new row
tableToUpdate.append(rowToAdd); // append the row to the end of the table

这将在表格末尾插入新行。如果您的表格有tbody（您将需要修改初始选择器为“＃yourTableId tbody”）。

要在表格中的不同位置插入新行，请查看其他操作方法 - after，before，prepend等。

希望这可以帮助您。如果您能更具体地描述情况，我可能可以给您一个更具体的示例。

- Giles Smith

---

你的想法是正确的，但你的代码会生成类似于'<tr></tr><td>一些单元格内容</td>'这样的东西。'<tr></tr>'需要被拆分成两部分。 - Joel Etherton

嗨Joel，感谢您的评论，但代码确实可以工作-这是jQuery的一个非常酷的功能，当我第一次看到它时感到惊讶。如果你写$('some html here')，它实际上会将字符串转换为适当的DOM结构。因此，在我上面的回答中，它实际上创建了一个tr元素。然后在下一行中，您附加到元素，而不是字符串。我刚刚在演示项目中双重检查了代码-它可以直接运行。如果您想要，我很乐意将我的测试页面传递给您。 - Giles Smith