首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery DataTables获取选定的行值

jQuery DataTables获取选定的行值
EN

Stack Overflow用户
提问于 2015-03-22 14:47:19
回答 2查看 117.7K关注 0票数 22

我使用的是jQuery数据表。我使用的是http://www.datatables.net/examples/api/select_row.html,现在我想要获取选定的行值ids

脚本:

代码语言:javascript
复制
 $(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代码:

代码语言:javascript
复制
 <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>

现在我能够获得选定的行,我想获得选定的行Ids.Can任何人指导我实现它。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-03-22 16:40:45

您可以遍历行数据

代码语言:javascript
复制
$('#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

票数 45
EN

Stack Overflow用户

发布于 2016-04-08 07:23:58

代码语言:javascript
复制
var table = $('#myTableId').DataTable();
var a= [];
$.each(table.rows('.myClassName').data(), function() {
a.push(this["productId"]);
});

console.log(a[0]);
票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29191760

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档