如何在jQuery中創建動態表格？

Question

我想在jQuery中創建一個動態表。但我的代碼爲我的每個元素創建一個表。

var dataItem = this.dataItem($(e.currentTarget).closest("tr")); 
var str = dataItem.Description; 
var spl = str.split(','), part; 
var spl2 = ""; 
for (var i = 0; i < spl.length; i++) { 
    part = spl[i].split(':'); 
    content = "<table>" + "<tr><td>" + part[0] + "</td>" + "<td>" + part[1] + "</td></tr>"; 
    spl2 += content; 
} 
content += "</table>" 
var desc = "<div id='openModal' class='modalDialog'>" + "<span>" + 
    spl2 
    + "</span><br/>" + 
    + "</div>"; 

我的代碼哪部分是錯的？

Answer 1

，你在for循環中增加一個表，所以這是每個item.Try創建表如下：

var dataItem = this.dataItem($(e.currentTarget).closest("tr")); 
var str = dataItem.Description; 
var spl = str.split(','), part; 
var spl2 = ""; 
content ="<table>" 
for (var i = 0; i < spl.length; i++) { 
    part = spl[i].split(':'); 
    content += "<tr><td>" + part[0] + "</td>" + "<td>" + part[1] + "</td></tr>"; 
    spl2 = content; 
} 
content += "</table>" 

// you can also assign spl2 = content; over here. 
    var desc = "<div id='openModal' class='modalDialog'>" + "<span>" + 
     spl2 
     + "</span><br/>" + 
     + "</div>"; 

Answer 2

var dataItem = this.dataItem($(e.currentTarget).closest("tr")); 
var str = dataItem.Description; 
var spl = str.split(','), part; 
var spl2 = ""; 
var content = "<table>"; 
for (var i = 0; i < spl.length; i++) { 
    part = spl[i].split(':'); 
    content += "<tr><td>" + part[0] + "</td>" + "<td>" + part[1] + "</td></tr>"; 
    spl2 += content; 
} 
content += "</table>" 
var desc = "<div id='openModal' class='modalDialog'>" + "<span>" + 
    spl2 
    + "</span><br/>" + 
    + "</div>"; 

更新腳本