Jquery DataTables 获取表格数据及选中行数据

最新推荐文章于 2024-08-16 08:23:40 发布

chenxiaodan_danny

最新推荐文章于 2024-08-16 08:23:40 发布

阅读量5.1w

点赞数 2

分类专栏： JS

本文链接：https://blog.csdn.net/chenxiaodan_danny/article/details/40395679

版权

JS 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

1.获取表格所有数据

    function getTableContent(){
    	   var nTrs = table.fnGetNodes();//fnGetNodes获取表格所有行，nTrs[i]表示第i行tr对象
    	   for(var i = 0; i < nTrs.length; i++){
    		   console.log('[获取数据]' + table.fnGetData(nTrs[i]));//fnGetData获取一行的数据
    	   }
       }

打印结果：

 
 [获取数据]0,Trident,Internet Explorer 4.0,Win 95+,4,2014/09/01,2014/20/01,X  dataTableTest.jsp:356 

 
 [获取数据]1,Trident,Internet Explorer 4.0,Win 95+,4,2014/09/01,2014/20/01,X  

2.获取表格选中行数据

   function getTableContent(){
    	   var nTrs = table.fnGetNodes();//fnGetNodes获取表格所有行，nTrs[i]表示第i行tr对象
    	   for(var i = 0; i < nTrs.length; i++){
    		   if($(nTrs[i]).hasClass('selected')){
    		   		console.log('[获取数据]' + table.fnGetData(nTrs[i]));//fnGetData获取一行的数据
    		   }
    	   }
       }

3.获取某一行某一列数据

       function getTableContent(){
    	   var nTrs = table.fnGetNodes();//fnGetNodes获取表格所有行，nTrs[i]表示第i行tr
    	   for(var i = 0; i < nTrs.length; i++){
    		 //  if($(nTrs[i]).hasClass('selected')){//相当于$(tr)
    			 var t = table.fnGetData(nTrs[i]);
    		 		console.log("aaaaaa:" + t[2]);//获取一行第3列数据
    		  // }
    	   }
       }

打印结果：