javascript - jQuery:将单元格和标题移动到新的表格行
问题描述
jQuery(".list.list_container").each(function () {
var $table = $(this);
$table.append(
jQuery("<tr>").append(
$table.find("tr:first td:eq(3)"),"<td></td><td></td>")
)
});
td {
border: 2px solid green;
margin: 5px;
padding: 5px;
}
<table class="list list_container">
<thead>
<tr>
<th>one</th>
<th>two</th>
<th>three</th>
<th>four</th>
</tr>
</thead>
<tbody>
<tr class="blah_row">
<td class="first">Blah1</td>
<td class="second">Blah2</td>
<td class="third">Blah3</td>
<td class="last">Blah4</td>
</tr>
</tbody>
</table>
JSFIDDLE:http: //jsfiddle.net/qsjhcfd1/
我正在尝试将其中一个 Blahs 及其相应的标题移到第二行。删除thead
作品很好,所以我遇到了麻烦。任何帮助表示赞赏!
编辑: 预期结果的图像
解决方案
jQuery(".list.list_container").each(function () {
var $table = $(this);
$table.append('<tr>');
$('th:contains("three")').appendTo('tbody tr:last');
//$('th:contains("three")').appendTo('tbody tr:last').wrapInner('<td />').contents().unwrap(); if u need change th to td
$table.append('<tr>');
$('td:contains("Blah3")').appendTo('tbody tr:last');
});
推荐阅读
- r - rpart图中只有一片叶子形成
- c# - 如何从嵌套对象中获取属性?
- angularjs - ng-click 更改 var 的值
- c# - 如何将模型数据获取到视图下拉列表
- javascript - Javascript自定义按字符串属性排序
- python - 使用 Airflow 的 TriggerDagRunOperator 时,目标 DAG 运行被标记为“成功”,而没有完成子任务
- javascript - 为什么 node.js 中的异步函数不是异步的?
- opencv - 如何在考虑相机校准的情况下执行 2d 到 3d 重建
- javascript - 如何将点击事件传递或冒泡到另一层?
- database - 选择 Cosmos 分区键