JQuery DataTables Получение выбранных значений строк

Я использую jQuery datatable.I сделал это, используя http://www.datatables.net/examples/api/select_row.html Теперь я хочу получить выбранные значения строк ids

Script:

 $(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>

Теперь я могу получить выбранный no.of.rows.Now, я хочу получить выбранные строки Ids.Can, чтобы кто-нибудь направлял меня, чтобы достичь этого.

Ответ 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');
});

Демо: Fiddle

Ответ 2

Больше комментария, чем ответа, но я еще не могу добавить комментарии: спасибо за вашу помощь, счет был легкой частью. Просто для других, которые могут прийти сюда. Я надеюсь, что это сэкономит вам некоторое время.

Мне потребовалось некоторое время, чтобы получить атрибуты из строк и понять, как получить к ним доступ из объекта 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)

Ответ 3

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

console.log(a[0]);