Question

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

基本上我将表添加到站点，列将根据添加的列数自动调整大小。添加一个单一的工作非常好，对我来说有点复杂（可能是在头脑中）只要我在同一页面上添加一个额外的表 - 运行的脚本将完整地计算所有列。 /> 例如，如果我在页面顶部添加一个三列表，然后在底部添加另外三个列表 - 则脚本总共计算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+'%');

Answer 1

如果我没有错，你有两个具有相同类名的表，所以你的选择器jQuery('.table .cols')同时得到表，jQuery('.table .cols').length;将给你结合两个表的cols的长度..

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

<强> 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+'%');
  });
});

这适用于任意数量的表格。

向tiptip jQuery添加变量

1 个答案: