JQuery 动态生成Table表格实例代码 - CSDN文库

1星 104 浏览量更新于2023-03-16 收藏 24KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

JQuery 动态生成动态生成Table表格实例代码表格实例代码

JQuery动态生成动态生成Table表格表格

主要用到了JQuery中的append和appendto的方法,具体代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>动态创建表格</title>

<script type="text/javascript" src="Scripts/jquery-1.3.2.js"></script>

<script type="text/javascript">

function CreateTable(rowCount,cellCount)

{

var table=$("<table border=\"1\">");

table.appendTo($("#createtable"));

for(var i=0;i<rowCount;i++)

{

var tr=$("<tr></tr>");

tr.appendTo(table);

for(var j=0;j<cellCount;j++)

{

var td=$("<td>"+i*j+"</td>");

td.appendTo(tr);

}

}

trend.appendTo(table);

$("#createtable").append("</table>");

}

</script>

</head>

<body>

<input type="button" value="添加表格" onClick="CreateTable(5,6)" >

<input type="button" value="添加行">

<div id="createtable"></div>

<div id="createrow"></div>

</body>

</html>

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

weixin_38715879

粉丝: 4
资源: 922

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈