作者:疯狂的猿猴 | 来源:互联网 | 2023-09-11 15:42
请不要:它不是简单的动态表。与其他问题没有类似之处。
我想在单一主表的基础上使用Jquery创建多个表。但是它不能在动态表中添加行。
请注意我正在使用var
创建完整表后,会将var添加到html。
var _MaintHtml="";
var counter=0;
var _MainTable="";
var _MainRow="";
$(document).ready(function(){
Generatetable();
});
function Generatetable(){
$(".myTable").find('.maintr').each(function(){
AddTable();
AddRow();
$("#DivMainTable").append(_MainTable);
});
}
function AddTable(){
_MainTable=`
`;
}
function AddRow(){
$(_MainTable).find('.tbody1').append(`3 | 4 | 5 |
`);
}
1 | check1 | Class1 |
2 | check2 | Class2 |
jsfiddle code is here
使用document.createElement()创建表及其字段。当前,您正在将表添加为字符串值。这就是为什么 $(_ MainTable).find('。tbody1')。append(3 | 4 | 5 |
); 无法正常工作
的原因
var _MaintHtml="";
var counter=0;
var _MainTable;
var _MainRow="";
$(document).ready(function(){
GenerateTable();
});
function GenerateTable(){
$(".myTable").find('.maintr').each(function(){
AddTable();
AddRow();
$("#DivMainTable").append(_MainTable);
});
}
function AddTable(){
_MainTable = document.createElement("table");
var tblhead = document.createElement("thead");
var tblbody = document.createElement("tbody");
tblbody.className = "tbody1";
_MainTable.appendChild(tblbody);
for (var i = 0; i <1; i++) {
// creates a table row
var row = document.createElement("tr");
for (var j = 1; j <4; j++) {
// Create a element and a text node,make the text // node the contents of the | ,and put the | at // the end of the table row var cell = document.createElement("th"); var cellText = document.createTextNode("h"+j); cell.appendChild(cellText); row.appendChild(cell); } // add the row to the end of the table body tblhead.appendChild(row); } _MainTable.appendChild(tblhead); } function AddRow(){ $(_MainTable).find('.tbody1').append(` | 3 | 4 | 5 |
`);
}
1 | check1 | Class1 |
2 | check2 | Class2 |