js 如何动态创建列表?

zzyhost 2018-05-14 01:39:17
例如,有个json,我想把下面的Item1......换成json里的数据,js如何动态创建? 谢了,给个demo吧
<body>
<ul class="mui-table-view">
<li class="mui-table-view-cell">Item 1</li>
<li class="mui-table-view-cell">Item 2</li>
<li class="mui-table-view-cell">Item 3</li>
</ul>
</body>
...全文
871 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_36883606 2018-05-14
  • 打赏
  • 举报
回复
给li标签加个id,再用jquery通过id获取li标签,&(function(){$.(“#id ”).html(json);});
天际的海浪 2018-05-14
  • 打赏
  • 举报
回复

<script type="text/javascript">
$(function(){
	var json = [
		"aaa",
		"bbb",
		"ccc"
	];
	for (var i = 0; i < json.length; i++) {
		$('<li class="mui-table-view-cell"></li>').text(json[i]).appendTo(".mui-table-view");
	}
});

</script>

<ul class="mui-table-view">
</ul>

87,955

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧