Question

我想使用jquery

将此行添加到表的tbody中

我的代码：

<tr class="odd gradeX">
<td>text</td>
<td>text</td>
<td>text</td>
<th>text</th>
<td>text</td>
<td><button type="button" class="btn btn-default" data-toggle="modal" 
data-target="#AppointmentsDeleteModal">Delete</button></td>
</tr>

我试过了：

var table_row  = '<tr class="odd gradeX">';
table_row += '<td>'+appointmentObj.service_name+'</td>';
table_row += '<td>'+appointmentIdObj.appointment_quantity+'</td>';
table_row += '<td>'+appointmentObj.service_rate+'</td>';
table_row +=    '<td>'+parseInt(appointmentIdObj.appointment_quantity)
*parseInt(appointmentIdObj.service_rate)+'</td>';
table_row += '<td><button type="button" class="btn btn-default" data-toggle="modal" 
data-target="#AppointmentsDeleteModal">Delete</button></td></tr>'

$('#mytable tbody').append(table_row);

请帮忙感谢

Answer 1

试

$('#mytable').append($(table_row));

Answer 2

您需要将行追加到表：

 $('#mytable').append(table_row);

Answer 3

您可能想尝试一下：

$('.odd:last').after(table_row);

这会在表格的最后一行之后附加一行。希望这可以帮助！：）

Answer 4

您的代码中存在语法错误：

table_row += '<td><button type="button" class="btn btn-default" data-toggle="modal" 
data-target="#AppointmentsDeleteModal">Delete</button></td></tr>'

应该在一行中：

table_row += '<td><button type="button" class="btn btn-default" data-toggle="modal" data-target="#AppointmentsDeleteModal">Delete</button></td></tr>'

Answer 5

正如VolkanUlukut指出的那样。看起来你的问题可能只是你在JS的一行中添加换行符。

所以：

table_row +=    '<td>'+parseInt(appointmentIdObj.appointment_quantity)
*parseInt(appointmentIdObj.service_rate)+'</td>';
table_row += '<td><button type="button" class="btn btn-default" data-toggle="modal" 
data-target="#AppointmentsDeleteModal">Delete</button></td></tr>'

变为：

table_row += '<td>'+parseInt(appointmentIdObj.appointment_quantity)*parseInt(appointmentIdObj.service_rate)+'</td>';
table_row += '<td><button type="button" class="btn btn-default" data-toggle="modal" data-target="#AppointmentsDeleteModal">Delete</button></td></tr>'

请参阅基本上是您的代码的http://jsfiddle.net/Wq6Uu/，但由于删除了换行符而正常工作。

将动态创建的行追加到表中

5 个答案: