Question

我是JQuery的新手，所以我真的不知道如何继续前进。我需要使用$（this）.html（.. create table ...）动态创建一个html结构（表）。下面是我的伪代码。

$(this).html('<table>for(var a=0;a<NoteCount;a++){<tr><td><div id = "NotePadTextArea">NoteArrayVal[a]</div></td></tr>}</table>'
);

NoteArrayVal是一个已包含值的数组。如何继续这种设计？请帮忙。

Answer 1

您必须在循环中创建td和文本节点。此代码仅创建2个td，因此只有2个可见。例如：

var table = document.createElement('table');
for (var i = 1; i < 4; i++) {
    var tr = document.createElement('tr');   
    var td1 = document.createElement('td');
    var td2 = document.createElement('td');
    var text1 = document.createTextNode('Text1');
    var text2 = document.createTextNode('Text2');
    td1.appendChild(text1);
    td2.appendChild(text2);
    tr.appendChild(td1);
    tr.appendChild(td2);
    table.appendChild(tr);
}
document.body.appendChild(table);

在.html（）中使用for循环动态创建表

1 个答案: