Question

我的html结构低于

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

我试图在桌面结束前包含下面的内容，

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

这里有一个逻辑，我只需要包含2列（2＆＃34; th＆＃34;标签），因为top i只有两列。

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

Answer 1

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

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

Answer 2

demo

使用.append()

$("#myTable").append("<tfoot><tr><th>foot1</th><th>footer2</th></tr></tfoot>");

Answer 3

您可以使用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');
}

Answer 4

你需要使用jQ。

计算tr标签的子元素你应该使用像这样的行

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

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

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

并且为了附加你的页脚，你可以使用它。

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

希望这有帮助！

在Jquery中计算和追加表列

4 个答案: