2013-02-15 92 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