追加與jQuery的

表這是我的代碼行添加到表追加與jQuery的

for(var i=0;i<subjects.length;i++){ 
    $('#table-wrapper table').append("<tr><td data-subjectid="+i+">"+subjects[i].name+"</td>"); 
    for(var j=0;j<no_of_batches;j++){ 
      $('#table-wrapper table').append("<td data-batchid="+j+"></td>"); 
    } 
    $('#table-wrapper table').append("</tr>"); 
}

這將產生輸出

<table> 
    <tbody> 
     <tr> 
     <tr> 
      <td data-subjectid="2">DBMS</td> 
     </tr> 
    </tbody> 
     <td data-batchid="0"></td> 
     <td data-batchid="1"></td> 
     <td data-batchid="2"></td> 
     <td data-batchid="3"></td> 
</table>

爲什麼不內<td>的越來越附加表末尾的<tr>標籤，但取而代之的是<tbody>

來源

2013-06-21 cjds

附加元素，而不是部分HTML。 –

我建議在頂部創建一個字符串，將所有內容添加到它，然後將其附加到'for'的底部。 –

@Carl Saldanha，你想要的數據主題是在其他TD的頂部？ – blackhawk

您正在追加到表

$('#table-wrapper table').append("<td data-batchid="+j+"></td>");

需要追加到最後TR

$('#table-wrapper table tr:last-child').append("<td data-batchid="+j+"></td>");

還沒有測試，但它應該工作

更好的方法是，將內容添加到字符串，然後追加一次

var temp; 
for(var i=0;i<subjects.length;i++){ 
    temp = "<tr><td data-subjectid="+i+">"+subjects[i].name+"</td>"; 
    for(var j=0;j<no_of_batches;j++){ 
      temp = temp + "<td data-batchid="+j+"></td>"; 
    } 
    temp = temp + "</tr>" 
} 
$('#table-wrapper table tbody').append(temp);

來源

2013-06-21 14:45:14 Huangism

如果我理解你的代碼是正確的，你可以試試這種方式：

var table = $('#table-wrapper table'); 
for(var i = 0; i < subjects.length; i++) { 
    var row = $('<tr />'); 
    row.append("<td data-subjectid=" + i + ">" + subjects[i].name + "</td>"); 
    for(var j = 0; j < no_of_batches; j++) { 
     row.append("<td data-batchid=" + j + "></td>"); 
    } 
    table.append(row); 
}

在那裏你創建一個行，追加單元格，並在它附加新行到表後。您可能還想緩存對錶格的引用。

來源

2013-06-21 14:46:06

你需要做到這一點 -

for(var i=0;i<subjects.length;i++){ 
    var $tr = $('<tr></tr>'); 
    $tr.append("<td data-subjectid="+i+">"+subjects[i].name+"</td>"); 
    for(var j=0;j<no_of_batches;j++){ 
      $tr.append("<td data-batchid="+j+"></td>"); 
    } 
    $('#table-wrapper table').append($tr); 
}

來源

2013-06-21 14:46:16

這是一個美麗的答案，因爲設置$（''）作爲我們工作的基點是多麼的清楚。一旦我們確定要追加或補充的地方，複雜情況就會消失。很好的答案。 – blackhawk

的append方法不是writeln等同。它實際上會嘗試對文本進行Parce並生成最終的完整標籤。

使用一個臨時字符串變量來累積所有要添加的內容，並在最後調用append一次。

var s; 
for(var i=0;i<subjects.length;i++){ 
    s = "<tr><td data-subjectid="+i+">"+subjects[i].name+"</td>"; 
    for(var j=0;j<no_of_batches;j++){ 
    s += "<td data-batchid="+j+"></td>"; 
    } 
    s += "</tr>"; 
    $('#table-wrapper table').append(s); 
}

來源

2013-06-21 14:46:29 linepogl

表元素內有一個tbody元素。如果最後一行更改爲$（'＃table-wrapper table tbody'），這將工作。append（s）; – ricksuggs

追加與jQuery的

回答

相關問題