2013-02-15 73 views
0

我想不出一个更具描述性的标题,所以我希望它有道理(如果我错了,随时纠正我)。添加一个变量提示jQuery

基本上我将表添加到网站和列会自动根据添加的列的大小调整大小。 只要在同一页面上添加一个额外的表格,就可以完美地添加单个作品,这对我来说有点复杂(可能在头上),运行的脚本统计整个列的所有列。
例如,如果我在页面顶部添加三列表格,然后在底部添加三个列表格 - 脚本则会计算总共6列,然后将该数字除以100 ..

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

摘录如下代码:

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

回答

1

如果我没看错的,youu具有相同类名的两个表,所以你的选择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+'%'); 
    }); 
}); 

这应该为任意数量的表..

+0

感谢工作迅速的回应 - 然而,您的回答确实给了我一些想法,就像cols一样div甚至没有调整大小。 – Plastika 2013-02-15 07:20:52

+0

你能告诉我什么错误,你越来越.. – bipen 2013-02-15 07:43:47

+0

不幸的是没有错误。然而,在检查之前我已经运行的脚本将宽度注入到DOM中。你创建的那个人似乎并没有这样做。也许我错过了什么? – Plastika 2013-02-15 07:57:15