after hiding table row items, how do I re-zebra strip them?

[webLearner101]

I have a large table and when I press a button I properly hide the rows I 
do not need, however, they maintain there zebra-strips as they were 
originally given. I am trying to make a function so that when I hide them, 
they are assigned new zebra strip for every 3rd row (child).
Below is my concept, but how do I (where the console.log is) make it so 
that .strip classes now have a class called newStrip (new zebra strip) ?
Thanks

function reStrip()  
   {  
         ($(".strip:visible").each(function()
       {
          if (cnt <= 3)
          {   
            console.log("have .strip classes have new class called 
newStrip1 ");
            
            cnt++;
          }
          if (cnt > 3 && cnt <= 6)
          {
            console.log(" have .strip classes have new class called 
newStrip2 ");
            cnt ++;
          }
          if (cnt == 7)
            cnt = 1;
       }))

  }