对表操作 TD隐藏后，怎么补位

不能上图
原表内容：
11111----1111111 11111----2222222 22222----1111111 22222----2222222 
33333----1111111 33333----2222222 44444----1111111 44444----2222222 
55555----1111111 55555----2222222 66666----1111111 66666----2222222 
77777----1111111 77777----2222222 88888----1111111 88888----2222222 
99999----1111111 99999----2222222 1212----1111111 1212----2222222 
1222----1111111 1222----2222222 1333----1111111 1333----2222222 
隐藏后：
22222----1111111 22222----2222222 
33333----1111111 33333----2222222 44444----1111111 44444----2222222 
55555----1111111 55555----2222222 
77777----1111111 77777----2222222  
1212----1111111  1212----2222222 
1222----1111111  1222----2222222   1333----1111111 1333----2222222要求结果：
22222----1111111 22222----2222222 33333----1111111 33333----2222222 
44444----1111111 44444----2222222 55555----1111111 55555----2222222 
77777----1111111 77777----2222222  1212----1111111  1212----2222222 
1222----1111111  1222----2222222   1333----1111111 1333----2222222结果如何做到？JQUERY

解决方案 »

  1.   

    能不能拿出所有显示的TD 然后动态生成一个新表 ，把TD加入新表里？
      

  2.   

    请用div来实现<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
      <title> New Document </title>
      <meta name="Generator" content="EditPlus">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <style type="text/css">
    #wapper {width:600px;height:600px;background-color:#eee}
    .inner {width:148px; height:30px;background-color:#ccc;float:left;border:1px solid #111}
    .hidden {display:none}
      </style>
     </head> <body>
      <div id="wapper">
    <div class="inner">11111----1111111</div>
    <div class="inner">22222----2222222</div>
    <div class="inner">33333----3333333</div>
    <div class="inner">44444----4444444</div>
    <div class="inner hidden">11111----1111111</div><!-- 加上class=hidden就可以隐藏 -->
    <div class="inner">22222----2222222</div>
    <div class="inner">33333----3333333</div>
    <div class="inner">44444----4444444</div>
    <div class="inner hidden">11111----1111111</div>  
    <div class="inner">22222----2222222</div>
    <div class="inner">33333----3333333</div>
    <div class="inner hidden">44444----4444444</div>
    <div class="inner">11111----1111111</div>
    <div class="inner">22222----2222222</div>
    <div class="inner">33333----3333333</div>
    <div class="inner">44444----4444444</div>  </div>
     </body>
    </html>效果如图：