多级树形导航,不确定层级递归加载,最后一级可勾选,并将选中结果填充到div或者从div删除
废话不多说,直接上代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style type="text/css">
.selected{
color: red;
}
.nav_li>ul{
display: none;
}
</style>
<body>
<div class="content"></div>
<div class="nav_lists"></div>
</body>
<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
var data = [
{
name: '客服部门一组',
child: [
{
name: '客服部门成员',
child: [
{
name: 'a1-1',
child: [
{