DataTables通过AJAX获取数据后，统计第16列值为yes的总行数

嘿，我完全懂你的困扰——之前找到的方法只能统计页面上看得见的表格行，但你要的是所有AJAX拉回来的完整数据里，第16列值为yes的总行数，那些非AJAX场景的示例根本不适用对吧？

别慌，核心思路其实很简单：别从DOM（页面渲染的表格）里统计，直接从AJAX返回的原始数据源下手就行——因为DOM里可能只加载了分页后的部分数据，而原始数据才是全量的。

方法一：直接在AJAX回调里处理原始数据 #

不管你用原生JS还是jQuery的AJAX，拿到返回的全量数据后直接遍历统计，这是最直接的方式：

// 用jQuery AJAX请求数据的示例
$.ajax({
  url: '你的数据接口地址',
  method: 'GET',
  dataType: 'json',
  success: function(fullData) {
    // fullData就是AJAX返回的所有数据，比如是一个数组（每一项是一行数据）
    let yesRowCount = 0;

    // 遍历每一行数据：注意列是从0开始计数的，第16列对应索引15
    fullData.forEach(function(row) {
      // 如果你的行数据是数组格式（比如 row = [val1, val2, ..., val16]）
      if (row[15] === 'yes') {
        yesRowCount++;
      }
      // 如果你的行数据是对象格式（比如 row = {col1: 'xxx', col16: 'yes'}）
      // 就换成对应的属性名判断：if (row.col16 === 'yes') { yesRowCount++; }
    });

    // 这里拿到的yesRowCount就是全量数据里符合条件的总行数
    console.log('第16列为"yes"的总行数：', yesRowCount);
    // 可以把结果展示到页面上，比如放到某个元素里
    $('#yes-count-display').text(yesRowCount);
  },
  error: function(xhr, status, err) {
    console.error('请求数据出错了：', err);
  }
});

方法二：如果用了表格插件（比如DataTables） #

要是你用了像DataTables这类带分页/虚拟滚动的表格插件，插件本身会保存全量数据，直接用插件API获取就行：

// 先初始化你的表格
var myTable = $('#your-table-id').DataTable();

// 获取插件保存的全量数据（包括未渲染到页面的）
var allTableData = myTable.data().toArray();

// 统计符合条件的行数
let yesCount = 0;
allTableData.forEach(function(row) {
  if (row[15] === 'yes') {
    yesCount++;
  }
});

console.log('全量数据中符合条件的行数：', yesCount);

为什么之前的方法没用？ #

之前你参考的方法都是操作DOM元素（比如$('table tr').filter(...)），但如果表格做了分页、虚拟滚动或者懒加载，DOM里只会存在当前页面显示的行，自然统计出来的是“屏幕显示的数量”，而不是全量数据的总数。

所以记住：统计全量数据，一定要从数据源入手，而不是从渲染后的DOM入手。

内容的提问来源于stack exchange，提问作者pee2pee