0

我在这里遇到了一个特殊的“问题”。Ti 满足来自客户的请求,我需要执行以下操作。遍历页面上的所有表。对于每个表,检查它是否正好有 2 个 TD。如果是这样,那么我需要进行“阅读更多”实施。

我在另一个页面上使用了它,我知道我想要折叠和展开的确切 div。

$(".more-block").each(function(){
    if ($(this).height() > adjustheight){
        id = this.id;
        id = id.split("_");
        $("#expand"+id[1]).toggle(function() {
                id = this.id;
                $(".more-block"+id).css('height', 'auto').css('overflow', 'visible');
                $('html, body').animate({scrollTop: $(document).height()}, 'slow');
                $("#"+id).attr('src',path+'/images/expand2.png');
                $(".frontpage_box").css('height', '');
            }, function() {
                id = this.id;
                $("#"+id).attr('src',path+'/images/expand.png');
                $(".more-block"+id).animate({height: adjustheight}, "slow", function(){
                    $(".more-block"+id).css('height', adjustheight).css('overflow', 'hidden');
                });         
        });
    };
});

$(".more-block").css('height', adjustheight).css('overflow', 'hidden');

有任何想法吗?当我运行 TD 时,我可以添加“more-less”和“more-lessexpand1”类(数字是增量)。这可能吗?我不知道如何运行表格,只有在找到两个 TD 时才这样做,并且只在第二个 TD 上执行最后一点。

哦,顺便说一句……重要的是它只有第二个 TD 折叠和扩展。左边的是不允许的。如果有人可以帮助我找到感兴趣的 TD,我也许可以解决最后一点。

请帮忙

4

2 回答 2

1
$('table').filter(function(
    return $('td', this).length==2;
)).find('td').last().addClass('more-less more-lessexpand1');
于 2012-07-23T21:57:42.793 回答
0

“如果有人能帮我找到感兴趣的 TD,我也许能解决最后一点。”

假设您没有嵌套表,这样的事情会找到感兴趣的表:

$("table").each(function() {
   var $tds = $(this).find("td");
   if ($tds.length != 2)
       return;
   // this is a table with exactly two cells, so do something
   // $tds.eq(0) will reference first td;
   // $tds.eq(1) will reference second td;
   // So to add the classes to the second cell...
   $tds.eq(1).addClass("more-less more-lessexpand1");
});
于 2012-07-23T21:54:37.830 回答