Jquery 如何访问click事件处理程序中的行数据
我有以下jquery代码部分-它可以工作,我的表中填充了数据,有标题等。现在,正如您所看到的,我在这个表的“操作”下的每一行有三个按钮。。。不过,我需要能够区分操作的行。我在JSON中用于此目的的项目实际上有一个名为id的字段,并且已填充该字段,是否有一种方法可以将该字段的值添加到我这里的每个“a”标记中?这意味着当我执行单击事件时,我可以获取id,并将正确的数据发送到我正在使用的RESTAPI。。。我只是不知道如何在这里填充它Jquery 如何访问click事件处理程序中的行数据,jquery,datatables,Jquery,Datatables,我有以下jquery代码部分-它可以工作,我的表中填充了数据,有标题等。现在,正如您所看到的,我在这个表的“操作”下的每一行有三个按钮。。。不过,我需要能够区分操作的行。我在JSON中用于此目的的项目实际上有一个名为id的字段,并且已填充该字段,是否有一种方法可以将该字段的值添加到我这里的每个“a”标记中?这意味着当我执行单击事件时,我可以获取id,并将正确的数据发送到我正在使用的RESTAPI。。。我只是不知道如何在这里填充它 $('#datatables').DataTable( {
$('#datatables').DataTable( {
"data":resultA,
"columns": [
{ "data": "name" },
{ "data": "description" },
{ "data": "id",
"className": "text-right",
"defaultContent":
'<td class="text-right">' +
'<a href="#" class="btn btn-simple btn-info btn-icon like"><i class="material-icons">favorite</i></a>' +
'<a href="#" class="btn btn-simple btn-warning btn-icon edit"><i class="material-icons">dvr</i></a>' +
'<a href="#" class="btn btn-simple btn-danger btn-icon remove"><i class="material-icons">close</i></a>' +
'</td>'
}
],
fixedHeader: {
header: true,
footer: true
}
});
$('#datatables')。DataTable({
“数据”:结果,
“栏目”:[
{“数据”:“名称”},
{“数据”:“描述”},
{“数据”:“id”,
“类名”:“文本权限”,
“默认内容”:
'' +
'' +
'' +
'' +
''
}
],
固定标题:{
标题:对,
页脚:对
}
});
解决方案
通过首先获取tr
元素,然后使用API方法检索该行的数据,可以在click事件处理程序中检索行ID
例如:
//处理“Like”按钮上的单击事件
$('#datatables')。在('click','a.like',function()上{
var api=$('#datatables').DataTable();
var data=api.row($(this.closest('tr')).data();
log('ID为:'+data['ID']);
});
笔记
您不需要将内容包装在
的defaultContent
选项中