我想在Laravel 5.4中使用click功能访问DataTables ** cell **

Question

我正在处理laravel 5.4应用程序。当然，它包含一些表单，其中我在搜索按钮旁边有输入字段。当用户点击搜索按钮时，会出现一个模态窗口，其中包含一个dataTable，其内容是从数据库中提取的。

现在，我想要实现的是，一旦我点击该表格的单元格，它就会在单元格中选取特定数据并将其提取到输入字段，然后使用jquery关闭模态窗口。

这是我的代码。

1. 数据表：

           $('#mere-table').DataTable({
           processing: false,
           serverSide: true,
           ordering: false,
           ajax:'http://127.0.0.1:8000/nouveau_ne/data_meres',
           columns :[
               {data : 'nnid', name:'t_individus.nnid', className:"NNID_mere"},
               {data : 'nom', name:'t_individus.nom'},
               {data : 'postnom', name:'t_individus.postnom'},
               {data : 'prenom', name:'t_individus.prenom'},
                    ]
           });
   

2. JQuery从单元格中选取数据并将其提取到输入字段 NNID_mere

             $('#mere-table').DataTable().on('click','.NNID_mere', function(){
   
                                     alert('ok'+$('.NNID_mere').text());
   
                                     });
   

我从此代码中获得的是点击单元格后，警报会从 nnid 列中选择所有数据。我只想要一个单元格，而不是完整的专栏，但我不知道该怎么做，因为我在jquery中不是很好。

我怎样才能做到这一点？感谢您的帮助和提示

Answer 1

将dataTable实例存储在变量中：

var table = $('#mere-table').DataTable({ .. })

然后简单地

$('#mere-table').on('click','.NNID_mere', function(){
  console.log( table.cell(this).data() )
});