Saya mempunyai jadual data dengan medan input. Apabila pengguna memasuki medan, saya perlu mencari nombor baris yang mereka masukkan. Saya bertanya soalan sebelum ini dan mendapat jawapan yang baik, tetapi jika jadual data responsif dan medan berada dalam pop timbul, jawapan itu tidak lagi berfungsi.

Ini kod saya:

function drawInput(data, type, row, meta) { return ''; } var data = [{ c1: 'r1c1', c2: 'r1c2', c3: 'r1c3' }, { c1: 'r2c1', c2: 'r2c2', c3: 'r2c3' }]; $(function() { var table = $('table').dataTable({ info: false, searching: false, ordering: false, paging: false, columns: [{ defaultContent: '' }, { data: 'c1', name: 'c1', defaultContent: '', render: drawInput }, { data: 'c2', name: 'c2', defaultContent: '', render: drawInput }, { data: 'c3', name: 'c3', defaultContent: '', render: drawInput } ] }); table.api().rows.add(data); table.api().draw(); $('body').on('change', 'table :input', function(e) { // 找到包含输入字段的行 //console.log(this); var row = table.api().row($(this).closest('td')); // 显示行索引 - 结果为undefined！为什么？ console.log(row.index()); }); });

     
 
 
 
 
 
Col 1
 
Col 2
 
Col 3
 
 
 
 
 

Jika anda menjalankan kod ini dalam tetingkap yang cukup besar, ia akan berfungsi dengan baik. Tetapi jika anda mengecilkan tetingkap supaya lajur kanan turun secara responsif ke dalam sub-baris, kod untuk mencari indeks baris tidak lagi berfungsi.

Bagaimana untuk mencari barisan sel kanak-kanak dengan betul?