如何在表格單元格中動態插入div？

Question

我想添加一個具有動態ID的div到表單元格。

這是我現在就做：

var ringNr = 1; 
function tableCreate(){ 
alert('tableCreate'); 
var newDiv = document.createElement('div'); 
newDiv.id = "ring0" + ringNr; 
newDiv.style.height = "40px"; 
newDiv.innerHTML = "Hello"; 

$("#shoppingCart tbody").append(
    "<tr>"+ 
    "<td>"+this.appendChild(newDiv)+"</td>"+ //This line creates the error 
    //More cells to add 
    "</tr>"); 
ringNr++; 
}; 

this.appendChild（newDiv）提出了以下錯誤：Uncaught TypeError: Object [object global] has no method 'appendChild'

我如何添加這個div到我的表格單元格中沒有錯誤？

Answer 1

看看這段代碼：

"<tr>"+ 
"<td>"+this.appendChild(newDiv)+"</td>"+ //This line creates the error 
//More cells to add 
"</tr>"); 

你正在建設一個字符串。如果你想追加，你需要創建一個元素。

var tr = $("<tr/>"); 
var td = $("<td/>"); 
td.append(newDiv); 
tr.append(td); 
$("#shoppingCart tbody").append(tr);