使用Jquery从DataTable中获取所选行的隐藏单元格值,可以通过以下步骤实现:
<table id="myTable">
<thead>
<tr>
<th>列1</th>
<th>列2</th>
<th>隐藏列</th>
</tr>
</thead>
<tbody>
<tr>
<td>数据1</td>
<td>数据2</td>
<td style="display:none;">隐藏数据</td>
</tr>
<tr>
<td>数据3</td>
<td>数据4</td>
<td style="display:none;">隐藏数据2</td>
</tr>
<!-- 其他行 -->
</tbody>
</table>
$(document).ready(function() {
var table = $('#myTable').DataTable();
$('#myTable tbody').on('click', 'tr', function() {
var rowData = table.row(this).data();
var hiddenValue = $(rowData[2]).text();
console.log(hiddenValue);
// 在这里可以对隐藏单元格值进行处理
});
});
在上述代码中,table.row(this).data()
用于获取所选行的数据,rowData[2]
表示获取第三列的隐藏单元格,$(rowData[2]).text()
用于获取隐藏单元格的文本值。
这样,你就可以使用Jquery从DataTable中获取所选行的隐藏单元格值了。
关于Jquery、DataTable和相关概念的更多信息,你可以参考腾讯云的相关产品和文档:
请注意,以上链接仅供参考,具体产品和文档可能会有更新和变动。
云+社区技术沙龙[第28期]
DBTalk
腾讯位置服务技术沙龙
云+社区技术沙龙[第6期]
Elastic 中国开发者大会
高校开发者
云+社区技术沙龙[第10期]
云+社区技术沙龙 [第30期]
云+社区开发者大会 武汉站
云+社区技术沙龙[第21期]
领取专属 10元无门槛券
手把手带您无忧上云