使用jQuery统计表格指定SKU时计数器异常：仅+1而非预期+2

嘿，我看到你遇到了计数器不符合预期的问题——原代码里的逻辑有个关键错误，导致它没法正确统计符合条件的元素并让计数器按预期加2。

原代码的核心问题 #

你写的这段代码：

var counter = 0; 
$($(".ProductSKULabel:contains('LY-')").length || $(".ProductSKULabel:contains('LYE-')").length || $(".ProductSKULabel:contains('HSE-')").length || $(".ProductSKULabel:contains('HS-')").length).each(function() { counter++; });

这里的错误是把逻辑或运算的结果当成了jQuery选择器：

• ||是逻辑或运算符，它只会返回第一个非零的length值（比如页面上有1个带LY-的元素，这个表达式就返回1）；
• 随后你把这个数字传给$()，这完全不是选择元素的正确方式——jQuery会把数字当成无效选择器，最终得到空元素集合，each回调根本不会执行（你说计数器加1，大概率是代码其他地方的干扰，或是测试时的特殊场景）。

正确的实现方式 #

我们需要先选中所有符合任一关键词的元素，再遍历每个元素让计数器加2（或者直接用元素总数乘以2，结果完全一致）。

方法1：用多选择器直接匹配

var counter = 0;
// 用逗号分隔多个:contains选择器，选中所有符合条件的元素
$(".ProductSKULabel:contains('LY-'), .ProductSKULabel:contains('LYE-'), .ProductSKULabel:contains('HSE-'), .ProductSKULabel:contains('HS-')").each(function() {
    counter += 2; // 每个匹配元素让计数器加2
});

方法2：用filter灵活筛选（推荐）

如果担心:contains会误匹配子串（比如HS-会匹配到包含HSE-的元素，因为HSE-里包含HS-），可以用filter做更精准的检查：

var counter = 0;
// 定义需要匹配的关键词数组
var targetKeywords = ['LY-', 'LYE-', 'HSE-', 'HS-'];

$(".ProductSKULabel").filter(function() {
    // 检查当前元素文本是否包含任一关键词
    var itemText = $(this).text().trim();
    return targetKeywords.some(keyword => itemText.includes(keyword));
}).each(function() {
    counter += 2;
});

更简洁的写法（无需遍历）

如果不需要对元素做额外操作，直接用元素总数乘以2即可：

var targetElements = $(".ProductSKULabel:contains('LY-'), .ProductSKULabel:contains('LYE-'), .ProductSKULabel:contains('HSE-'), .ProductSKULabel:contains('HS-')");
var counter = targetElements.length * 2;

额外提示 #

• :contains是区分大小写的，如果关键词可能有大小写混合的情况，可以把文本转成小写后再匹配；
• 如果需要精确匹配以这些关键词开头的SKU（避免ABCLY-123这类无关内容被误判），可以把filter里的判断逻辑改成itemText.startsWith(keyword)。

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