如何使用jquery获得td的总背景色设置为红色

Question

我尝试使用下面的代码来获取将背景色设置为红色但不工作的td的总数

     $("#totalBackgroundTdRed").css("background","red").length;

正确的长度应该是25td，背景色设置为红色，但上面的代码显示1.

    $("#findRows").live("click", function(event)
    {
        var findArray = [];
        $(".findText").each(function()
        {   
           findArray.push($.trim($(this).text()));  
        });    
        var findArrayLength = findArray.length;
        var pattern = /^(?:[0-9]+.s+)?(.*):/;
        $("#logTable tr").find(".column2").each(function(event)
        {   
           var patternResults = pattern.exec($.trim($(this).text()));
           for(var i = 0; i < findArrayLength; i++)
           {            
              if(patternResults[1] == findArray[i])
              {
                 var $currentTR = $(this).closest("tr");
                 $currentTR.find(".inputTD").css("background","red");
                 $currentTR.find(".inputTD input").prop("checked", true);
              }
           }    
        });
           alert($("#totalBackgroundTdRed").css("background","red").length);
    });

Answer 1

您的代码中有两个问题。

1)你有重复的id为td元素，即totalBackgroundTdRed。id应该是唯一的。您可以使用与classname相同的值，然后使用类选择器来定位它们。

$(".totalBackgroundTdRed")

2)需要使用filter函数根据条件过滤掉元素:

 var columns = $('.totalBackgroundTdRed').filter(function(){
   var color = $(this).css("background-color").toLowerCase();
   return color === "#FF0000" || color === "rgb(255, 0, 0)" ;
 });
 alert(columns.length); // 25 

Answer 2

您应该使用class而不是id，并且逻辑上您应该遵循@Milind答案，这非常有效。因为Id是在页面中应该包含唯一值的属性，但是您将相同的Id分配给许多TD，因此在这种情况下最好使用class