动态获取table合并列表单数据

动态获取表单数据效果图:

   

数据格式:

     


js部分:

//显示所有品目------默认显示data[0]货物类
aList(data, "ATbody");

//加载货物类
function aList(data, tbodyId){
    if(UTILS.isNotEmpty(data[0])){
        var aFirstList = data[0].pTypeList;
	var sign = data[0].pTypeId;
	getDataList(aFirstList, sign, tbodyId);
    }
}

//获取数据并组装数据
function getDataList(firstList, sign, tbodyId){
    var rowNum = 0;     //初始化表单
    var rowid = "rowid_" + sign + "_";       //行id前缀
    $.each(firstL
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果您想获取合并的行数据,可以使用 `rowspan` 属性来判断哪些单元格是合并的,并将其合并的单元格的值赋给需要展示的单元格。 以下是一个示例代码,用于获取合并的行数据: ```html <table> <tr> <th rowspan="2">Name</th> <th>Age</th> <th>Gender</th> </tr> <tr> <td>25</td> <td>Male</td> </tr> <tr> <td colspan="3">Contact Information</td> </tr> <tr> <td>John Doe</td> <td>25</td> <td>Male</td> </tr> </table> ``` 在这个示例中,第一行 `Name` 单元格跨越了两行,而第三行 `Contact Information` 单元格跨越了三列。如果您想获取合并的行数据,可以使用以下代码: ```javascript const table = document.querySelector('table'); const rows = table.querySelectorAll('tr'); for (let i = 0; i < rows.length; i++) { const cells = rows[i].querySelectorAll('td, th'); for (let j = 0; j < cells.length; j++) { const cell = cells[j]; // 获取单元格内容 const content = cell.textContent.trim(); // 如果单元格跨越了多行,则将其合并的单元格的值赋给当前单元格 if (cell.hasAttribute('rowspan')) { const rowspan = parseInt(cell.getAttribute('rowspan')); for (let k = 1; k < rowspan; k++) { const mergedRow = rows[i + k]; const mergedCell = mergedRow.querySelector(`td:nth-child(${j + 1}), th:nth-child(${j + 1})`); const mergedContent = mergedCell.textContent.trim(); content += `, ${mergedContent}`; } } console.log(content); } } ``` 这个代码会输出以下结果: ``` Name Age Gender John Doe, 25, Male Contact Information ``` 代码中的逻辑是,先获取每一行的所有单元格,然后对每一个单元格进行处理。如果单元格跨越了多行,就将其合并的单元格的值赋给当前单元格。最后,输出每个单元格的内容。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值