思路: 给每个层级加一个child属性,如果存在则是有下一个层级菜单。这样层级关系、修改很方便。
<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>
<body>
<div id="Nav"></div>
</body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
let navHtml = "";
const navList =
[
{
name: "一级衣服",
url: "xxxx",
child:
[
{
name: "二级上衣",
url: "xxxx",
child:
[
{
name: "三级短袖",
url: "xxx"
},
{
name: "三级毛衣",
url: "xxx"