Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.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
Javascript DataTables jquery标识行ID_Javascript_Jquery_Datatables - Fatal编程技术网

Javascript DataTables jquery标识行ID

Javascript DataTables jquery标识行ID,javascript,jquery,datatables,Javascript,Jquery,Datatables,我正在使用DataTables并捕获am img单击编辑或删除图标。我的问题是,我还需要捕获行ID。。我尝试将行ID放在href标记中,但无法提取 当前代码为 $('#datatable tbody tr a.delete img').live( 'click', function (e) { var rowID = $('a').attr('href'); alert(rowID); if (!fancyConfirm(rowID, "Are you sure you wan

我正在使用DataTables并捕获am img单击编辑或删除图标。我的问题是,我还需要捕获行ID。。我尝试将行ID放在href标记中,但无法提取

当前代码为

 $('#datatable tbody tr a.delete img').live( 'click', function (e) {
 var rowID = $('a').attr('href');
 alert(rowID);

     if (!fancyConfirm(rowID, "Are you sure you want to delete this record?", function(ret) { alert(rowID) })) 
          e.preventDefault();

     });
您可以在上看到实际页面
请将(@)替换为.,因为页面包含实际的电子邮件地址,我不希望有spma bot查找。

您介意使用$('a')选择所有锚来获取rowID。那是行不通的。而是在单击处理程序中使用parent().attr()函数。i、 e:

$('#datatable tbody tr a.delete img').live( 'click', function (e) {
 var rowID = $(this).parent().attr('href');
 alert(rowID);

     if (!fancyConfirm(rowID, "Are you sure you want to delete this record?", function(ret) { alert(rowID) })) 
          e.preventDefault();

     });

难道你不能在链接上附加
点击
事件,而不是在链接中附加
img
,然后使用
this

 $('#datatable tbody tr a.delete').live( 'click', function (e) {
 var rowID = $(this).attr('href');
 alert(rowID);

 if (!fancyConfirm(rowID, "Are you sure you want to delete this record?", function(ret) { alert(rowID) })) 
      e.preventDefault();

 });

我不确定您是在查找实际的表行,还是该行 具有一些有意义的信息,如数据库键

如果您确实查看行ID,请考虑下面的示例,其中 使用fnRender属性

var oTable = $('#inventory_list').dataTable ({
'bServerSide'    : true,
'bAutoWidth'     : false,
'bJQueryUI'      : false,
'sPaginationType': 'full_numbers',
'sAjaxSource'    : '/inventory/listall',
'aoColumns'      : 
[
{
  'bSearchable': false,
        "bSortable": false,
        "fnRender" : function ( oObj )
        {
          var colval = '<div class="editcol"><a href="/inventory/edit/'  +
                oObj.aData[0] + '">' + 
                '<img src="/img/edit.png" alt="edit"><a/>' +
                '<a href="/inventory/delete/' + oObj.aData[0] + '">' +
                '<img src="/img/delete.png" alt="delete"><a/>' +
                '</div>';

                return colval;
        }
},
null,
null,
null,
null,
null,
null,
null,
null,
null
]
});
var-oTable=$(“#库存清单”).dataTable({
“bServerSide”:true,
“bAutoWidth”:假,
“bJQueryUI”:错误,
“sPaginationType”:“完整编号”,
“sAjaxSource”:“/inventory/listall”,
“aoColumns”:
[
{
“可搜索”:错误,
“可移植”:错误,
“fnRender”:函数(oObj)
{
var colval=''+
'' +
'' +
'' +
'';
返回colval;
}
},
无效的
无效的
无效的
无效的
无效的
无效的
无效的
无效的
无效的
]
});
第一列(共10列)包含编辑/删除图标

对服务器的listall调用在第一个
单元格,由oObj.aData[0]引用,用于构建URL。

Thnks。。这是一个更好的方式做我需要的。。谢谢