向tiptip jQuery添加变量

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

这应该适用于任何数量的表。