我们如何使用jQuery动态设置表格页脚值

Question

我需要从JSON数据源动态填充表格页脚。这是表格的结构

<table  id="example_table">
<tfoot id="example_footer">
<tr id="example-footer" style="font-weight:bold">
<th></th>
<th></th>
<th></th>
<th></th>                                           
<th></th>
</tr>
</tfoot>  
</table>

我计划在jQuery中使用append（），如下面的方式

$('#example_footer').append( '<tr>...</tr>' );

任何人都可以告诉我如何访问tfooter并将值分配给js变量，因为它是内容

Answer 1

这实际上取决于您的JSON结构。假设它在变量'data'中被接收并且它有5个元素，那么javascript就会有点像：

var tr = '<tr>';
tr+= '<th>'+data.element1+'</th>';
tr+= '<th>'+data.element2+'</th>';
tr+= '<th>'+data.element3+'</th>';
tr+= '<th>'+data.element4+'</th>';
tr+= '<th>'+data.element5+'</th>';
tr+= '</tr>';
$('#example_footer').append(tr);