DataTables jquery行IDを識別する

Question

私はDataTablesを使用していますが、imgではimgを編集または削除するアイコンをクリックしています。私の問題は、現在のコードは次のことができ

$('#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(); 

    }); 

です..私はHREFタグ内の行のIDを入れてみましたが、それを抽出するNPTこと..私は、同様の行のIDをキャプチャする必要があり、

です実際のページを参照してくださいhttp://www(@)fisheragservice(@)com/tm/users(@)html 私はスパムボットを見つけるのではなくむしろ実際のメールアドレスを主張しているので、（@）の。を置き換えてください。

Answer 1

は、あなただけの代わりに内部imgのリンクにclickイベントを添付して、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(); 

}); 

Example link

Answer 2

あなたはすべてのアンカーを$ a '）を使用してrowIDを取得します。それは動作しません。代わりに、クリックハンドラでparent（）。attr（）関数を使用します。すなわち：

$('#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(); 

    }); 

Answer 3

あなたは、実際のテーブルの行を探している場合、私はわからないよ、または行 は、データベースキーのようないくつかの意味のある情報を持っている場合。

実際に行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 
] 
}); 

最初の列（10分の1）には、編集/削除アイコンが含まれています。

サーバへのコールをコールすると、最初の セルのインベントリIDが返されます。これはoObj.aData [0]によって参照され、URLの構築に使用されます。