我如何知道 jQuery dataTable 的哪一行被单击了？

Question

我想使用 jQuery dataTables 插件在表列中包含删除链接。我确信这很容易。我添加列没有问题，并且我知道实际删除表的语法，我只是不知道单击的行。

这些行是通过 UI 动态添加的，因此除了开头的标题之外，我不会渲染任何行。

Answer 1

另一个例子...

$("#TableID tbody").delegate("tr", "click", function() {
    var iPos = oTable.fnGetPosition( this );//oTable is the table object itself
    if(iPos!=null){
        //couple of example on what can be done with the clicked row...
        var aData = oTable.fnGetData( iPos );//get data of the clicked row
        var iId = aData[1];//get column data of the row
        oTable.fnDeleteRow(iPos);//delete row

    }

});

Answer 2

我最近这样做是为了隐藏/显示每行的额外信息。这是我的代码片段：

        function fnTableRowClickHandler()
        {
            var nTr = this;
            var oT = $(this.parentNode.parentNode).dataTable()

            if ( $(this).hasClass('highlighted') )
            {
                /* This row is already open - close it */
                oT.fnClose( this );
                $(this).removeClass('highlighted')
            }
            else
            {
                /* Open this row, if it's classy enough */
                if ( oT.fnGetData( nTr ) == null ) return;

                $(this).addClass('highlighted')
                oT.fnOpen( nTr, fnFormatDetails(oT, nTr), 'listingDetails opened' );
            }

        }

我必须在 else 中添加对 null 的检查，因为如果单击附加信息，它会向展开行中的每个项目添加一个简短的空扩展名。

稍后将处理程序添加到表中：

 $("#TableId tbody tr").live( 'click', fnTableRowClickHandler )

Answer 3

在创建时动态为每行分配一个唯一的 id，并使每行的单击事件删除具有该 id 的元素