Получить родительскую строку флажка

Question

У меня есть столбец флажка в моей таблице данных. Чтобы регистрировать любые изменения, я определил событие on click. Мне также нужны данные другого столбца из той же строки.

<tr class="odd" role="row"> 
    <td class=" center"> 
     <input class="checkboxes" type="checkbox" value="1" checked="checked" name="row_check"> 
    </td> 
    <td>2013-04-24 18:17:21</td> 
    <td>1351710457</td> 
</tr> 

table.find('tbody').on('click', 'input', function() 
{ 
    var invite_id = table.api().row(this.closest('tr')).data()[2]; // returns undefined 
    // data processing after wards 
}); 

В closest() и parent() функции всегда возвращают неопределенными. В firefox firebug характеризует обе функции как неопределенные.

Answer 1

Вам нужно использовать объект jquery, чтобы получить методы jquery. В настоящее время вы используете dom-объект.

Заменить this с $(this)

table.find('tbody').on('click', 'input', function() { 
    var invite_id = table.api().row($(this).closest('tr')).data()[2]; 
}); 

Answer 2

Я хотел бы сделать это таким образом, как и для меня это более удобным для чтения, чтобы сделать цепное чем вложенности.

table.find('tbody').on('click', 'input', function() { 
    var invite_id = $(this).parents('tr').find('td:eq(2)').text(); 
});