在Jquery中计数和追加表列

我有下面的html结构

<table id="myTable">
  <tbody>
    <tr>
        <td>...</rd>
        <td>...</rd>
    </tr>
  </tbody>
</table>

在表格结束前，我想包括以下内容

<tfoot>
   <tr>
     <th>...</th>
     <th>...</th>
   </tr>
</tfoot>

这里的一个逻辑是，我只需要包含两列第2个标记，因为top我只有两列

---

那么有什么方法可以动态地计算和附加相等的表列吗？

有很多方法可以做到这一点

$html = '<tfoot>
   <tr>
     <th>...</th>
     <th>...</th>
   </tr>
</tfoot>';
Try using $('#myTable').append($html);

使用

---

可以使用length获取列数。这是我的答案

var noOfColumns = $('#myTable tbody tr td').length;
$('<tfoot><tr></tr></tfoot>').appendTo('#myTable');
for(var i = 1; i <= noOfColumns; i++){
  $('#myTable tfoot tr').append('th');
}

---

你需要使用jQ来完成这个任务

要计算tr标记u的子元素，应该使用这样的行

$count = $("#myTable tbody tr td").length;

但这段代码将给出表中所有TD元素的计数 我的意思是，如果有2个tr元素，每个元素包含2个td，那么上面的选择器长度将返回4，而不是2

您可以通过给tr元素一个id，然后选择它们并计算其中的child或td元素来解决这个问题

为了添加页脚，你可以使用这个

$("#myTable").append("<tfoot><tr>");
for(i=1,i<$count,i++){
     $("#myTable tfoot").append("<th>...</th>")
}
$("#myTable").append("</tr></tfoot>");

希望这有帮助

$("#myTable").append("<tfoot><tr>");
for(i=1,i<$count,i++){
     $("#myTable tfoot").append("<th>...</th>")
}
$("#myTable").append("</tr></tfoot>");