如何使用 jquery 为 table 行设置颜色

Question

我有一个 table 按日期排序的（某些日期可能会丢失）。

所以我想用一种颜色给第一组日期上色，用另一种颜色给另一组日期上色。

$(document).ajaxComplete(function(){
                var oldText=''; 
                $("#managed_table_1 tr").each(function() { //loop over each row                 
                var newText = $(this).find("td:eq(0)").text();  //check value of TD
                if(newText == oldText){
                    $(this).css('background-color','#000');
                    oldText = newText;
                }else{
                    $(this).css('background-color','#ddd');
                    oldText = $(this).find("td:eq(0)").text();;

                }
            });

假设前三行具有相同的交货日期，那么我想将这些行着色为黑色，接下来的两行具有相同的交货日期，然后我想将它们着色为白色，然后是黑色，然后是白色。我怎样才能做到这一点？

Answer 1

试试这个 mate.Before 你复制粘贴代码请尝试理解它伙计..:)

$("tr").not(':first').each(function () { //loop over each row  
   var currentdate=$(this).find("td:eq(0)").text(); 
   var prevDate = $(this).prev().find("td:eq(0)").text(); 
   if(prevDate != currentdate){
            if($(this).prev().hasClass('pink')){
                $(this).addClass('grey');
            }else{
                $(this).addClass('pink');
            }
        }else{
            if($(this).prev().hasClass('pink')){
                $(this).addClass('pink');
            }else{
                $(this).addClass('grey');
            }
    }
});

Fiddle

如何使用 jquery 为 table 行设置颜色

How to color set of table rows using jquery

datatable

jquery