jquery创建table

Z_FEI 2010-09-02 11:18:15



jsp：

<body>

<div id="show"></div>

</body>

想动态创建个表格，并把表格写入div中，目前是：



var htmlStr = "<table border=1>";	

htmlStr += "<tr>";

htmlStr += "<th>";

htmlStr += "id";

htmlStr += "</th>";

htmlStr += "<th>";

htmlStr += "name";

htmlStr += "</th>";

htmlStr += "<th>";

htmlStr += "age";

htmlStr += "</th>";

htmlStr += "<th>";

htmlStr += "sex";

htmlStr += "</th>";

htmlStr += "</tr>";

htmlStr += "</table>";

$("#show").html(htmlStr);

如果是个复杂的表格，那就很麻烦了，希望大家能指点下，谢谢！

...全文

792 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

liu137756 2010-09-03

打赏
举报

var table = new Element('table',{"class":"TableList","width":"100%"}).update("<tr class='TableControl'><td width='100%' colspan='3'>
<input type='checkbox' name='allbox' id='allbox' onClick='checkAll();'>
全选 <input type='button' value=' 汇总打印 ' class='BigButton' onClick='printMail();' title='汇总打印'></td></tr>");
$('giftList').appendChild(table);

<body>
<div id="giftList"></div>
</body>

Z_FEI 2010-09-03

打赏
举报

谢谢各位，学习了很多，尤其感谢IBM_hoojo，结贴！

nvrenbumeigaga 2010-09-03

打赏
举报

对Jquery完全不清楚怎么回事，学习中

wishifef 2010-09-02

打赏
举报



var htmlStr = "<table border=1>";    

htmlStr += "<tr>";

htmlStr += "<th>";

htmlStr += "id";

htmlStr += "</th>";

htmlStr += "<th>";

htmlStr += "name";

htmlStr += "</th>";

htmlStr += "<th>";

htmlStr += "age";

htmlStr += "</th>";

htmlStr += "<th>";

htmlStr += "sex";

htmlStr += "</th>";

htmlStr += "</tr>";

htmlStr += "</table>";

$("#show").append(htmlStr);

Z_FEI 2010-09-02

打赏
举报

不是还要写全吗？我想了解jquery中有没有类似于document.createElement("<table>");这样的呢？

caochen1985 2010-09-02

打赏
举报

jquery 里面有个append方法，可以把html标签加进去

zengxin2008 2010-09-02

打赏
举报

[Quote=引用楼主 z_fei 的回复:]
Java code

jsp：
<body>
<div id="show"></div>
</body>

想动态创建个表格，并把表格写入div中，目前是：
Java code

var htmlStr = "<table border=1>";
htmlStr += "<tr>";
htmlStr += "<th>";
htmlStr += "id";
htmlStr +=……
[/Quote]

其实jQuery中$("<table></table>")这就是创建标签的语法，就是#5楼所说的那样的

yeelone 2010-09-02

打赏
举报

学习了

happy664618843 2010-09-02

打赏
举报

$("table>tr:last").clone(true).appendTo($("#"));

hoojo 2010-09-02

打赏
举报

<body>

<div id="show"></div>

</body>





var htmlStr = "<table border=1><tr><th>id</th><th>";

htmlStr += "name</th><th>age</th><th>sex</th></tr></table>";

$("#show").html(htmlStr);//这种就是拼字符串的



or



var tab = $("table");

var tr = $("tr");

var td = $("td");

td.text("id");

var td2 = $("td");

td2.text("年龄");

var td3 = $("td");

td3.text("名称");

tr.append(td);

tr.append(td2);

tr.append(td3);

tab.append(tr);

$("#show").append(tab);



or

var htmlStr = "<table border=1><tr><th>id</th><th>";

htmlStr += "name</th><th>age</th><th>sex</th></tr></table>";

$("#show").append(htmlStr);



还有appendTo、clone克隆，可以dom对象及事件

jquery的dom操作比较灵活，lz可以看需要运用