在jQuery筛选函数中添加计数器的问题

算力阿峰

2026-7-10

问题修复：统计符合条件的TD元素数量

原代码的计数逻辑存在错误，且存在重复操作的冗余问题，以下是针对性的修正方案：

问题分析

原循环遍历指定类元素x，但每次都全局选中所有<td>，既重复执行样式修改，也没关联到目标类的元素
计数部分multipleitems = s + 1完全无逻辑，s始终为0，最终只会得到固定值1，根本没统计到符合条件的元素数量
文本比较用$(this).text() > "1"属于字符串比较，存在潜在bug（比如"2"和"10"字符串比较会得到false），需转为数字后再判断

修正后的代码

$(document).ready(function () {
  // 筛选同时满足两个条件的td：在指定类容器下，且文本内容转数字后大于1
  var $qualifiedTds = $(".a-text-center.table-border td").filter(function () {
    // 去除文本首尾空白并转为数字，排除非数字内容干扰
    var textNum = parseFloat($(this).text().trim());
    return !isNaN(textNum) && textNum > 1;
  });

  // 批量设置符合条件td的样式
  $qualifiedTds.css({
    "border-top-color": "rgb(0 217 150 / 38%)",
    "border-top-width": "5px",
    "font-size": "20px"
  });

  // 直接获取符合条件的元素数量
  var multipleitems = $qualifiedTds.length;
  // 可根据需求使用该计数，比如打印到控制台
  console.log("符合条件的td数量：", multipleitems);
});