使用jQuery的each函数可以将表头内容追加到表单元格。具体步骤如下:
<table id="myTable">
<thead>
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
</tr>
</thead>
<tbody>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
<tr>
<td>单元格4</td>
<td>单元格5</td>
<td>单元格6</td>
</tr>
</tbody>
</table>
$(document).ready(function() {
// 遍历表头的每个单元格
$('#myTable thead th').each(function(index) {
// 获取表头单元格的内容
var headerText = $(this).text();
// 将表头内容追加到对应的表单元格中
$('#myTable tbody tr').each(function() {
$(this).find('td:eq(' + index + ')').append(headerText);
});
});
});
以上代码中,通过选择器#myTable thead th
选中表头的每个单元格,然后使用each函数遍历每个表头单元格。在遍历过程中,获取表头单元格的内容,并通过选择器#myTable tbody tr
选中每个表单行,再使用find函数和:eq(index)
选择器找到对应的表单元格,并使用append函数将表头内容追加到表单元格中。
这样,使用jQuery的each函数就可以将表头内容追加到表单元格中了。
推荐的腾讯云相关产品:无
是HTML表格最基本的3个标签,其他标题标签可以没有,但是这3者必须要有。 | 03 【网页前端】HTML表格、图片、列表、超链接以及综合案例练习
|