如何使用jquery从html表重新排序空白单元格

时间:2010-01-25 12:57:49

标签: jquery

根据问题,我想使用jquery从表中重新排序空白单元格,不想删除单元格。所有带数据的单元格将首先出现,然后空单元格应该在那里。

如何做到最好。

我的表包含10个cols和一些行... cols将被修复。只想重新排序而不删除单元格。

2 个答案:

答案 0 :(得分:0)

如果您想要做的就是按照您的说法移动空的“单元格”,而不是“行”,这可行...

$(document).ready(function(){
  $("td").each(function(){
    if ($(this).text().length == 0){
      $(this).appendTo($(this).closest("tr"));
    }
  });
});

这应该将所有空单元格移动到每行的末尾。 它可能不是最快或最优雅的,但似乎有效。

但是,如果您要做的是将空的“行”移到表的末尾,那么这可行...

$(document).ready(function(){
  $("tr").each(function(){
    var rowtext = "";
    $(this).find("td").each(function(){
      rowtext += $(this).text();
    });

    if (rowtext.length  == 0){
      $(this).appendTo($(this).closest("table"));
    }
  });
})

如果这些执行速度不够快,您可以尝试使用$(document).ready()下第一行中更具体的选择器来加速此代码。

答案 1 :(得分:0)

你可以试试tablesorter jQuery插件,这样你就不必再发明轮了。

不知道它是否符合您的需求。我真的不确定你到底想要实现什么目标。如果您使用一些代码示例编辑原始帖子,那将是最好的。