5

我有这个示例表

<table border="1" id="tabla">
 <tr>
  <td>row 1, cell 1</td>
  <td>row 1, cell 2</td>
 </tr>
 <tr>
  <td>row 2, cell 1</td>
  <td>row 2, cell 2</td>
 </tr>
</table>

我尝试使用 Jquery 动态添加内容

$("#tabla").find('tfoot').append($('<td><b>Total</b></td><td>a</td><td>b</td>'));

但是,不工作

如果使用萤火虫检查表,这有一个 tfoot 但为空。¿ 如何在没有添加内容的情况下动态地向 tfoot 添加内容?

4

2 回答 2

9

不更改 html 的解决方案是首先添加 tfoot:

$(function($){
    var foot = $("#tabla").find('tfoot');
    if (!foot.length) foot = $('<tfoot>').appendTo("#tabla"); 
    foot.append($('<td><b>Total</b></td><td>a</td><td>b</td>'));
})
于 2013-05-16T14:59:41.683 回答
1

尝试tfoot在您的 HTML 上添加显式标签

<table border="1" id="tabla">
 <tr>
  <td>row 1, cell 1</td>
  <td>row 1, cell 2</td>
 </tr>
 <tr>
  <td>row 2, cell 1</td>
  <td>row 2, cell 2</td>
 </tr>
 <tfoot></tfoot>
</table>
于 2013-05-16T14:55:10.267 回答