jQuery 文档操作 - appendTo() 方法---动态加HTML 元素

 

 

定义和用法

 

appendTo() 方法在被选元素的结尾（仍然在内部）插入指定内容。

提示：append() 和 appendTo() 方法执行的任务相同。不同之处在于：内容和选择器的位置，以及 append() 能够使用函数来附加内容。

语法

$(content).appendTo(selector) 参数描述content必需。规定要插入的内容（可包含 HTML 标签）。selector必需。规定把内容追加到哪个元素上。

 

例子：

 

 

function create_list(num,pagenum){ if(num<1) num=1; for(var i=0;i<num;i+=1){ var div_id = "div"+i; var div = $("<div id='"+div_id+"'></div>"); var headdiv_id = "headdiv"+i; var title1_id = "title1"+i; var ny1_id= "ny1"+i; var ny2_id= "ny2"+i; var headdiv = $("<div id='"+headdiv_id+"'>"+ '<table width="99%" border="0" align="center" cellpadding="0" cellspacing="0" class="table_lineheight">'+ "<tr>"+ '<th colspan='5' align='center'><span id='"+title1_id+"' class='report_title'></span></th>'+ "</tr>"+ "<tr>"+ "<td id='"+ny1_id+"' width='16%' align='right'> </td><td id='"+ny2_id+"' width='16%' align='left'> </td>"+ '<td width="30%" align="right"> </td><td width="23%" align="left">金额单位：元</td>'+ "</tr>"+ "</table>"+ '</div>'); div.appendTo($("#print")); headdiv.appendTo($("#"+div_id)); var bodydiv_id = "bodydiv"+i; var tbody_id = "tbody"+i; var bodydiv = $("<div id='"+bodydiv_id+"'>"+ '<table width="99%" border="0" align="center" cellpadding="0" cellspacing="0" class="table_list_report margin10">'+ '<tr>'+ '<th width="8%">序号</th><th width="29%">单位名称</th><th width="8%">结算人次</th>'+ '<th width="15%">结算金额</th><th width="40%">备注</th>'+ '</tr>'+ "<tbody id='"+tbody_id+"'></tbody>"+ "</table>"+ "</div>"); bodydiv.appendTo($("#"+div_id)); var footdiv_id = "footdiv"+i; var rq_id = "rq"+i; var zbdw_id = "zbdw"+i; var footdiv = $("<div id='"+footdiv_id+"'>"+ '<table width="100%" border="0" cellspacing="0" cellpadding="0" height="30">'+ '<tr>'+ '<td align="center">制表：</td> ' + '<td> </td> '+ ' <td align="center">审批：</td>'+ '<td> </td>'+ '<td align="center">财务：</td>'+ '<td> </td>'+ ' </tr>'+ '</table>'+ '<table width="100%" height="30" border="0" cellpadding="0" cellspacing="0">'+ '<tr>' '<td height="30" align="center" valign="bottom">' '<table width="99%" border="0" align="center" cellpadding="0" cellspacing="0" class="table_lineheight">'+ "<tr>"+ "<td width='8%' align='right'>制表单位：</td>"+ "<td id='"+zbdw_id+"' width='20%' align='left'></td>"+ '<td width="14%" align="left">'+ '第<font tdata="pageNO" color="blue">'+pagenum+'</font>页/总'+ '<font tdata="pageCount" color="blue">'+Math.ceil(num)+'</font>页'+ '</td>'+ "<td width='7%' align='right'>制表日期：</td>"+ "<td id='"+rq_id+"' width='12%' align='left'></td>"+ "</tr>"+ "</table>"+ "</td>"+ "</tr>"+ "</table>"+ "</div><br/>"); footdiv.appendTo($("#"+div_id)); var changediv = $('<div style="page-break-after: always"></div>'); if(pagenum!=Math.ceil(num)) changediv.appendTo($("#print")); pagenum+=1; document.getElementById("rq"+i).innerHTML =sysdate1.substr(0,4)+"-"+sysdate1.substr(4,2)+"-"+sysdate1.substr(6,2); } }