Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何访问click事件处理程序中的行数据_Jquery_Datatables - Fatal编程技术网

Jquery 如何访问click事件处理程序中的行数据

Jquery 如何访问click事件处理程序中的行数据,jquery,datatables,Jquery,Datatables,我有以下jquery代码部分-它可以工作,我的表中填充了数据,有标题等。现在,正如您所看到的,我在这个表的“操作”下的每一行有三个按钮。。。不过,我需要能够区分操作的行。我在JSON中用于此目的的项目实际上有一个名为id的字段,并且已填充该字段,是否有一种方法可以将该字段的值添加到我这里的每个“a”标记中?这意味着当我执行单击事件时,我可以获取id,并将正确的数据发送到我正在使用的RESTAPI。。。我只是不知道如何在这里填充它 $('#datatables').DataTable( {

我有以下jquery代码部分-它可以工作,我的表中填充了数据,有标题等。现在,正如您所看到的,我在这个表的“操作”下的每一行有三个按钮。。。不过,我需要能够区分操作的行。我在JSON中用于此目的的项目实际上有一个名为id的字段,并且已填充该字段,是否有一种方法可以将该字段的值添加到我这里的每个“a”标记中?这意味着当我执行单击事件时,我可以获取id,并将正确的数据发送到我正在使用的RESTAPI。。。我只是不知道如何在这里填充它

    $('#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
选项中