使用Jquery向表中的tfoot添加内容

我有这个示例表

<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>

第1行，第1单元
第1行第2单元
第2行第1单元
第2行，第2单元

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

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

$（“#tabla”）.find（'tfoot'）.append（$（'Totalab'））；

但是，这是行不通的

---

如果使用firebug检查表，则该表有一个tfoot，但为空。？如何在没有先前添加内容的情况下向tfoot动态添加内容？

尝试在HTML上添加显式的

tfoot

标记

<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>

第1行，第1单元
第1行第2单元
第2行第1单元
第2行，第2单元

不更改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>'));
})

$（函数（$）{
var foot=$（“#tabla”）.find（'tfoot'）；
如果（！foot.length）foot=$（“”）.appendTo（“#tabla”）；
foot.append（$（'Totalab'））；
})

你有两个可行的答案，你可能想挑一个：）