js递归数据处理

最新推荐文章于 2024-08-15 09:22:12 发布

灿尔哈擦苏

最新推荐文章于 2024-08-15 09:22:12 发布

阅读量2.7k

点赞数 1

分类专栏： web前端开发 js 文章标签： recursion

本文链接：https://blog.csdn.net/susuzhe123/article/details/79616496

版权

这篇博客展示了如何利用JavaScript的递归函数处理多层级数据，生成HTML菜单。通过遍历并检查每个数据节点的子节点，创建相应级别的`<li>`元素，并将子节点递归地添加到父菜单项中，最终实现一个动态的多级菜单结构。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
		</script>
	</head>

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

</html>
<script type="text/javascript">
	var data = {
		"child": [{
				"id": "M001",
				"name": "一级",
				"href": "#",
				"child": ""
			},
			{
				"id": "M002",
				"name": "一级",
				"href": "#",
				"child": [{
						"id": "M003",
						"name": "二级",
						"href": "#",
						"child": [{
								"id": "M006",
								"name": "三级",
								"href"