我怎樣才能用JQuery填充表格html

Question

我試圖在HTML中創建一個表格，並希望用jQuery來提高它。

該表是靜態的，我希望首先調用「Index」的第一列生成一個帶for循環的索引列表。對於視覺像這樣：

Indice | champs 1 | champs 2 | champs 3 | 

1 

2 

3 

4 
... 

我的表中有標識id ="balance"，我想後，生成表的字段的其餘部分。

代碼我想：

for (i = 1; i <= 8; i++) { 
 
    $('.bilan td:first-child').append("<td><strong>" + i + "</strong></td>"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table class="bilan" cellspacing="0"> 
 
    <tr> 
 
    <td><strong>Indice</strong></td> 
 
    <td><strong>Comptoir</strong></td> 
 
    <td><strong>Nb commandes</strong></td> 
 
    <td><strong>CA (&#x20ac;)</strong></td> 
 
    <td><strong>% CA</strong></td> 
 
    <td><strong>Nouveaux clients</strong></td> 
 
    </tr> 
 
</table>

Answer 1

也許你的意思是

for (i = 1; i <= 8; i++) { 
 
    $(".bilan").append("<tr><td><strong>" + i + "</strong></td></tr>"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table class="bilan" cellspacing="0"> 
 
    <tr> 
 
    <td><strong>Indice</strong></td> 
 
    <td><strong>Comptoir</strong></td> 
 
    <td><strong>Nb commandes</strong></td> 
 
    <td><strong>CA (&#x20ac;)</strong></td> 
 
    <td><strong>% CA</strong></td> 
 
    <td><strong>Nouveaux clients</strong></td> 
 
    </tr> 
 
</table>

或更好。

for (i = 1; i <= 8; i++) { 
 
    $(".bilan tbody").append("<tr><td><strong>" + i + "</strong></td></tr>"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table class="bilan" cellspacing="0"> 
 
    <thead> 
 
    <tr> 
 
     <th>Indice</th> 
 
     <th>Comptoir</th> 
 
     <th>Nb commandes</th> 
 
     <th>CA (&#x20ac;)</th> 
 
     <th>% CA</th> 
 
     <th>Nouveaux clients</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody></tbody> 
 
</table>