zoukankan      html  css  js  c++  java
  • Jquery DataTables 获取表格数据及行数据

    注意table变量是

    1.jQuery DataTables 行号获取

    $("#example tbody tr").on("click", function() {
    var index = $(this).context._DT_RowIndex; //行号
    });

     

    2.获取表格所有数据

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

    3.获取表格选中行数据

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

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

    1. function getTableContent(){  
    2.  var nTrs = table.fnGetNodes();//fnGetNodes获取表格所有行,nTrs[i]表示第i行tr  
    3.  for(var i = 0; i < nTrs.length; i++){  
    4. //  if($(nTrs[i]).hasClass('selected')){//相当于$(tr)  
    5.  var t = table.fnGetData(nTrs[i]);  
    6.         console.log("aaaaaa:" + t[2]);//获取一行第3列数据  
    7.  // }  
    8.  }  
    9. }  
  • 相关阅读:
    String对象的属性和方法
    Math对象的属性和方法
    对象Date的方法
    HTML5和CSS3阶段,我是如何学习的?
    移动端项目开发心得
    关于元素隐藏/显示的各种方法
    啊哈算法(一)
    项目心得。
    CSS篇之DIV+CSS布局
    CSS篇之动画(2)
  • 原文地址:https://www.cnblogs.com/losesea/p/6619088.html
Copyright © 2011-2022 走看看