<table>
   <tr class="trmanage">
      <td class="tdmanage">1</td>
      <td class="tdmanage">2</td>
      <td class="tdmanage">3</td>
      <td class="tdmanage">4</td>
   </tr>
   <tr class="trmanage">
      <td class="tdmanage">5</td>
      <td class="tdmanage">6</td>
      <td class="tdmanage">7</td>
      <td class="tdmanage">8</td>
   </tr>
</table>

$(function(){
   assignar('.tdmanage');
   var css = {'background':'#000','color':'#fff'};
   modificar('.tdmanage',0,4,css);
   modificar('.tdmanage',6,7,css);
});
 
var assignar = (function(selector){
   var i = 0;
   $(selector).each(function(){
      $(this).attr('row',i);
      ++i;
   });
   return true;
});
 
 
var modificar = (function(selector,from,to,css){
   for(i=from;i<to;++i){
      $(selector+'[row='+i+']').css(css);
   }
   return true;
});

def generateCSSs():
  for name in getNames():
    with open('files/csss/%s.css'%name,'w') as cssfile:
      cssfile.write('''.%s{
  display:none;        
}
'''%name)

function cssMod(show, val){
  if(show)
    $('#'+val).remove();
  else
    $('head').append('<link rel="stylesheet" type="text/css" href="files/csss/'+val+'.css" id="'+val+'" />');
}