jQuery DataTables获取选定的行值

我正在使用jQuery datatable.I使用http://www.datatables.net/examples/api/select_row.html完成它现在我想获得选定的行值id

脚本：

$(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' ); } ); } ); 

和HTML代码：

  
 
 
 
Id
 
Position
 
Office
 
Age
 
Start date
 
Salary
 
 
 
 
 
Id
 
Position
 
Office
 
Age
 
Start date
 
Salary
 
 
 
 
 
1
 
System Architect
 
Edinburgh
 
61
 
2011/04/25
 
$320,800
 
 
 
2
 
Accountant
 
Tokyo
 
63
 
2011/07/25
 
$170,750
 
  

现在我可以选择no.of.rows.Now我想要选择行ID。任何人都可以指导我实现它。

Answer 1

您可以迭代行数据

 $('#button').click(function () { var ids = $.map(table.rows('.selected').data(), function (item) { return item[0] }); console.log(ids) alert(table.rows('.selected').data().length + ' row(s) selected'); }); 

演示： 小提琴

Answer 2

更多评论而不是答案 – 但我还不能添加评论：感谢您的帮助，计数很容易。 只为可能来到这里的其他人。 我希望它会为你节省一些时间。

我花了一段时间从行中获取属性并了解如何从data（）对象访问它们（data（）是一个数组，并且可以通过添加点而不是括号来读取属性：

 $('#button').click( function () { for (var i = 0; i < table.rows('.selected').data().length; i++) { console.log( table.rows('.selected').data()[i].attributeNameFromYourself); } } ); 

（顺便说一句：我使用AJAX和JSON获取我的表的数据）

Answer 3

 var table = $('#myTableId').DataTable(); var a= []; $.each(table.rows('.myClassName').data(), function() { a.push(this["productId"]); }); console.log(a[0]);