jQuery:计算具有相同背景颜色的 TD

Question

我是 jQuery 的新手，正在寻找一种方法来计算一个表中具有相同背景颜色的所有 TD。

相应的 TD 没有背景类，但看起来如下，因为这是在之前的代码中以编程方式设置的(所有其他 TD 都有透明背景)。

<td class="clickable search " style="background-color: yellow;">some value</td>

我尝试了以下但总是返回 0:

alert($("td[style='background-color: yellow']").length);

感谢您的帮助，迈克。

Answer 1

您将必须遍历所有 TD 并检查背景颜色。

使用 grep

alert(
    $.grep($('td'),function(TD){
       return $(TD).css('background-color') == 'rgb(255, 255, 0)';
    }).length
);

或filter哪个对 DOM 元素更好

alert(
    $('td').filter(function(){
    return $(this).css('background-color') == 'rgb(255, 255, 0)';
}).length
);