這是我的html代碼:添加的行和列與jQuery/JavaScript以HTML
<h3>Ilm selles linnas</h3>
<table>
<tr>
<th>id</th>
<th>city_id</th>
<th>temp</th>
<th>date</th>
</tr>
<div id="info"></div>
</table>
這是我的腳本:
function(data) {
$('#info').empty();
var html = "";
for(var i = 0; i < data.length; i++) {
html += "<tr>"+
"<td>"+data[i].id+"</td>"+
"<td>"+data[i].city_id+"</td>"+
"<td>"+data[i].temperature+"</td>"+
"<td>"+data[i].date+"</td>"+
"</tr>";
}
$('#info').append(html);
}
此步驟完成後,在實際輸出中出現這種情況:
所以:
1)所有的信息比表頭(<th>
標籤)
2)所有的信息是不是列較高,但只是一起搗爛
3)的無信息顯示在HTML源代碼中。
我必須改變以使其看起來應該如何?
隨時問任何問題。
在這樣的表格中間不能有div;附加到表格中。它不會在HTML源代碼中,因爲它不在HTML源代碼中 - 您需要檢查元素以獲取DOM。 –