在jQuery中使用for循環動態添加行

我想在html文件中使用jQuery 1.3.2並創建一個動態表。爲此，我創建第一行，然後創建一個運行10次的for循環，並在每次迭代中選擇表格的最後一行並使用after()在其後面添加新行。這個新行包含我for循環的計數器的值。在jQuery中使用for循環動態添加行

代碼：

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Document</title> 
<script type="text/javascript" src="../jquery-1.3.2.js"></script> 
<script type="text/javascript"> 

    $("document").ready(function() { 
     for (var i = 0; i < 11; i += 1) { 
      var newItem = $("<tr><td>"i"</td></tr>"); 
      $("#table1 tr:last").after(newItem.html()); 
     } 
    }); 

</script> 

</head> 
<body> 
<table id="table1"> 
    <tr> 
    <td>row 1 col 1</td> 
    </tr> 
</table> 
</body> 
</html>

的問題是，僅顯示這是在<table></table>創建的第一行。請幫忙。

來源

2012-02-04 Akash

試試這個方法：

var newItem = "<tr><td>" + i + "</td></tr>"; 
$("#table1 tr:last").after(newItem);

來源

2012-02-04 06:21:31 dfsq

$("#table1 tr:last")

選擇最後一排。與

$("#table1")

相比，它在處理所需要的方面稍微貴一些，它只選擇整個表。

$("#table1 tr:last").after(...)

是昂貴的了，因爲你選擇的最後一行之後，你退一步，回到TR的父：最後並嘗試添加一些東西。

爲什麼不嘗試追加錶行作爲這樣的表的子表？

var row = $("<tr><td>"i"</td></tr>"); 
$("#table1").append(row);

追加將始終添加在table1的子元素的末尾。這應該會更快。在jQuery文檔中查看append。

來源

2012-02-04 06:36:36

thnks .... thts權 – Akash 2012-02-04 10:38:32

for (var i = 0; i < 11; i += 1) { 
    $("#table1").append("<tr><td>" + i + "</td></tr>"); 
}

這裏是my code

來源

2012-02-04 07:05:30 InspiredJW

日Thnx ...它的工作 – Akash 2012-02-04 10:38:05

在jQuery中使用for循環動態添加行

回答

相關問題