gpt4 book ai didi

jQuery DataTables 获取选定行的值

转载 作者:行者123 更新时间:2023-12-03 21:41:29 24 4
gpt4 key购买 nike

我正在使用 jQuery 数据表。我使用 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 代码:

 <table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Id</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>

<tfoot>
<tr>
<th>Id</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>

<tbody>
<tr>
<td>1</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>2</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>63</td>
<td>2011/07/25</td>
<td>$170,750</td>
</tr>
</table>

现在我能够获得选定的行数。现在我想获得选定的行 ID。任何人都可以指导我实现它。

最佳答案

您可以迭代行数据

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

演示:Fiddle

关于jQuery DataTables 获取选定行的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29191760/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com