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

时间:2014-04-03 00:47:56

标签: jquery css background-color

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

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

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

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

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

谢谢你的帮助,迈克。

2 个答案:

答案 0 :(得分:0)

您希望获得所有td&#39;然后使用jQuery Filter检查它是否具有黄色的背景颜色。

DEMO

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

答案 1 :(得分:0)

您必须遍历所有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
);