0

我想不出一个更具描述性的标题,所以我希望它有意义(如果我错了,请随时纠正我)。

基本上我正在向站点添加表格,并且列将根据添加的列数自动调整大小。添加一个单一的作品非常好,它对我来说有点复杂(也许是在头上),只要我在同一页面上添加一个额外的表格 - 运行的脚本会完整地计算所有列。
例如,如果我在页面顶部添加一个三列表,然后在底部添加一个三列表 - 脚本然后计算总共 6 列,然后将 100 除以该数字..

是否有一种简单的方法来创建变量或表计数,以便底部的脚本检测单独的表并调整每个表的列大小?

以下代码片段:

<div class="table<?php echo $tblid; ?>">
        <div class="cols">
        </div>

    ..code going on here..
        <div class="cols">
        </div> 
    ..Some more code going on here..
</div>

    var v = jQuery('.table .cols').length;

    var cw = (100/v);

    jQuery('.table .cols').css('width',cw+'%');

4

1 回答 1

1

如果我没记错的话,你有两个具有相同类名的表,所以你的选择器jQuery('.table .cols')会同时获取这两个表,并且 jQuery('.table .cols').length;会给你组合两个表的列的长度......

你能做的是。给他们单独上课并给每个人打电话。

HTML

 <div class="table1">
    <div class="cols">
    </div>

  ..other code going on here..

</div>

<div class="table2">
    <div class="cols">
    </div>

  ..other code going on here..

</div>

jQuery

jQuery(function(){
  jQuery('div[class^="table"]').each(function(){
    var obj=jQuery(this).find('.cols');
    var v = obj.length;
    var cw = (100/v);

    obj.css('width',cw+'%');
  });
});

这应该适用于任意数量的表..

于 2013-02-15T06:25:08.183 回答