如何使用jquery顏色設置錶行的行數

-1

我有一個按日期排序的表（某些日期可能會丟失）。如何使用jquery顏色設置錶行的行數

所以我想用一種顏色和另一套日期爲其他顏色的第一組日期。

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

       } 
      });

假設前三行具有相同的交貨日期，然後我想這些顏色爲黑色，接下來的2個相同的交貨日期行，然後我想這些顏色以白色和黑色，然後再白。我怎麼能做到這一點？

來源

2015-01-15 sameer shaikh

你有什麼嘗試這麼遠嗎？在這裏發佈你的代碼。 –

你的桌子有什麼類型可能會顯示一些代碼 – tung

你能分享你的代碼嗎？嘗試根據你的設置創建CSS類。 – Pazza22

試一下這個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

來源

2015-01-15 09:40:53 Outlooker

優秀的先生，我一定會試着去了解你做了什麼。 –

對你有好處.. :) – Outlooker

如何使用jquery顏色設置錶行的行數

回答

相關問題