尚学堂百战程序员之动态加载table 尚学堂百战程序员

2022-04-18 03:40:52

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> < type="text/java" src="https://www.sohu.com/a/js/jquery-1.11.3.min.js" ></> </head> <body> <table> <thead> <tr> <td>姓名</td> <td>年龄</td> <td>性别</td> </tr> </thead> <tbody id="tbody"> </tbody> </table> <>

$(function () {

//这些数据都是动态的从后台拿过来的,我这里就写死了。有可能数据的格式也不是这样的,如果有什么疑问,欢迎大家一起交流

var data = [{name :"张三",age:18,sex:"男"}, {name :"张梅",age:25,sex:"女"}, {name :"王五",age:17,sex:"男"}, {name :"何六",age:36,sex:"女"},]; //放在数组里面的话,对IE8一下的浏览器的兼容性做的处理

var strHTMLArray = []; for (var i = 0; i < data.length; i++) { var name = data[i].name; var age = data[i].age; var sex = data[i].sex; var HTMLstr =""; HTMLstr +="<tr>"; HTMLstr +="<td>"+ name +"</td>"; HTMLstr +="<td>"+ age +"</td>" HTMLstr +="<td>"+ sex +"</td>" HTMLstr +="</tr>"; strHTMLArray.push(HTMLstr); } $('#tbody').html(strHTMLArray.join('')); }); </> </body></html>

后记:对于大部分转行的人来说,找机会把自己的基础知识补齐,边工作边补基础知识,真心很重要。

“我们相信人人都可以成为一个IT大神,现在开始,选择一条阳光大道,助你入门,学习的路上不再迷茫。这里是北京尚学堂,初学者转行到IT行业的聚集地。"

上一篇: 西电8名大学生将1.5万元奖学金 捐给蒲城一学校贫困中小学生 大学生:善意是可以传承的 西安最好的高补学校
下一篇: 上海5月开学?没定!全国开学时间仍不明朗,培训机构春招将受重创 宝鸡市较好的补课机构

最近发表