DataTables获取指定元素的行数据
法1:
用jquey获取,var row = $('.edit').parent().parent();
缺点:只能获取dom上的东西,不能获取没有渲染的数据
法2:
首先绑定行号到元素上
$('#example').dataTable( { "columns": [ {"data":"name", "orderable": false, "searchable": false,"render" : function ( data, type, row, meta) { return '<button id="btnEdit" data-rowindex="'+meta.row+'">编辑</button>'; }}
] } );
然后根据元素取出行号
var rowIndex = $('#btnEdit').attr('data-rowindex');
最后获取数据
$('#example').DataTable().rows(rowIndex).data()[0];
如果是单击选择行(多选),示例如下:
$(document).ready(function() { var table = $('#example').DataTable(); $('#example tbody').on( 'click', 'tr', function () { $(this).toggleClass('selected'); } ); $('#button').click( function () { alert( table.rows('.selected').data().length +' row(s) selected' ); } ); } );
如果是单击单元格获取数据,示例如下:
//单击首列,获取该列中单元格数据 $('#example tr td:first-child').click(function(){ alert($(this).text()) });
分类:
javascript
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库