javascript - Jquery - table.row(tr) 未定义

Question

我正在尝试使用datatables jQuery plugin ，但是遇到麻烦，我不明白为什么会发生这种情况。

我的 table 上有一个操作列:

table = $('#' + tableId).DataTable({
    processing: true,
    serverSide: true,
    ajax: dataUrl,
    deferRender: true,
    esponsive: true,
    pageLength: 15,
    pagingType: "full_numbers",
    stateSave: true,
    filter: true,
    language: {
        paginate: {
            next: " ",
            previous: " ",
            first: "First",
            last: "Last"
        }
    }

$(document).on('click', ".details-control2", function () {
    var tr = $(this).parent().parent(); // <-- finds the correct tr
    var row = table.row(tr);
    console.log(row); // <-- undefined, why??? 'table' is recognized correctly
}

更新 - 表格的 HTML:

<tbody>
<tr id="row_0" role="row" class="odd">
    <td class="sorting_1"></td>
    <td><input type="image" src="/images/plus.png" class="details-control2"> </td>
    <td>rasplap.dll</td>
    <td></td>
    <td>WIN7X86</td>
    <td>DLL</td>
    <td>4/4/2015 3:45:45 PM</td>
    <td>4/4/2015 5:38:32 PM</td>
    <td>0</td>
</tr>
</tbody>

有什么建议吗？如果缺少任何信息，请告诉我。

Answer 1

尝试

$(this).parentNode.parentNode;