<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html()/text()/val()</title>
</head>
<body>
<h1>html()设置或获取HTML代码</h1>
<div id="container">
</div>
<script src="js/jquery.js"></script>
<script>
//JSON语法
let list = [
{"id":1000,"name":"祖武","gender":true,"hobby":["旅游","撩妹","美食"],"score":99.5},
{"id":1001,"name":"周琪","gender":true,"hobby":["旅游","撩妹","美食","编程"],"score":88.5},
{"id":1002,"name":"李小丽","gender":false,"hobby":["追剧","工作","跳舞"],"score":77.5},
{"id":1003,"name":"李逵","gender":true,"hobby":null,"score":66.5}
];
let table = `<table border="1" width="70%">
<tr>
<th>学号</th>
<th>姓名</th>
<th>性别</th>
<th>爱好</th>
<th>成绩</th>
</tr>`;
for(let stu of list){
table +=`
<tr align="center" valign="middle">
<td>${stu.id}</td>
<td>${stu.name}</td>
<td>${stu.gender?"男":"女"}</td>
<td>${stu.hobby}</td>
<td>${stu.score}</td>
</tr>
`;
}
table += `</table>`;
$("#container").html(table);
console.log($("#container").html());
</script>
</body>
</html>
原文：https://www.cnblogs.com/taoist123/p/11160243.html