我想在 Laravel 5.4 中使用点击功能访问数据表**单元格**

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() )
});