用jquery將行添加到客戶端的中繼器內的表中

Question

我有一個包含表的中繼器。我讓用戶能夠通過在表格中添加新行來在中繼器中添加新行。

任何人都可以給我點子嗎？由於我對jQuery非常陌生，有人可以提供示例代碼嗎？

Answer 1

如果你看看jQuery manipulation methods這些是在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'。

要在表內的不同位置插入新行，請查看其他操作方法 - 之後，之前，前置等。

希望這會有所幫助，如果你能成爲一個更具體一點的情況下，我可能給你一個更具體的例子。