首页 新闻 会员 周边

在stackoverflow上看到一个去掉空行和空列的问题,请高手解释一下

0
悬赏园豆:10 [已解决问题] 解决于 2011-12-23 13:29

该问题地址:http://stackoverflow.com/questions/8571286/remove-empty-rows-and-columns-in-a-table-with-jquery

意思就是用jquery去掉表格中外围空行和空列(注意,是外围,不是全部的),那个问题的回复是:

var $theTable = $("table#myTable"),
lookAt = ["tr:first-child", "tr:last-child",
"td:first-child", "td:last-child"];

for (var i=0; i<lookAt.length; i++) {
while ( $.trim($(lookAt[i], $theTable).text()) == "" ) {
$(lookAt[i], $theTable).remove();
}
}

这个回复是可以的,但看不懂啊,哪位大侠能帮忙解释一下啊,谢谢

乱世文章的主页 乱世文章 | 初学一级 | 园豆:147
提问于:2011-12-21 09:53
< >
分享
最佳答案
0
var $theTable = $("table#myTable")

是获取到你要操作的那个<table>元素对应的jquery对象,这个不懂的话你应该去看看jquery基础了。

lookAt = ["tr:first-child", "tr:last-child",  "td:first-child", "td:last-child"];

这个是定义了一些filter(不懂的话看这里),它是分别对上面找到的那个table做如下处理:找这个table里面的第一个tr(tr:first-child的含义所在),如果text为空,就删除这个tr。然后再找最后一个tr(tr:last-child),如果text为空,就……

收获园豆:10
水牛刀刀 | 大侠五级 |园豆:6350 | 2011-12-21 10:09

你讲的我都明白,主要是"td:first-child", "td:last-child"

乱世文章 | 园豆:147 (初学一级) | 2011-12-21 11:46

@乱世文章: 你的意思是"tr:first-child"这个你明白,但是不明白"td:first-child"么……

水牛刀刀 | 园豆:6350 (大侠五级) | 2011-12-21 14:31

@水牛刀刀: 嗯,是的

乱世文章 | 园豆:147 (初学一级) | 2011-12-21 20:09

@乱世文章: 这两个一样的啊,一个是找第一个tr,一个是找第一个td,不是很明显的么

水牛刀刀 | 园豆:6350 (大侠五级) | 2011-12-22 00:56
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册