Question

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

所以我想用一种颜色和另一组日期与另一种颜色对第一组日期着色。

$(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

试试这个伙伴。在复制粘贴代码之前，请尝试了解它的配对.. :)

$("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为表行设置颜色

1 个答案: