两个list怎么在页面上拼成树形菜单

Question

oreach (var item in Model)    {    <h5 class="title">@item.mName</h5>    <ul>        <li id="a">123</li>        <script type="text/javascript">                     //对应模块菜单              $.ajax({            url:'@Url.Action("menu")',            type:'get',            data:{id:@item.mid},            success:function(data)            {                $.each(data,function(i,val)                {                 $("#a").append(val.mName);                })            }            })        </script>    </ul>    }代码中模块以及对应的菜单都显示出来了，但所有的菜单都跑到第一个模块<li>标签里去了，因为我用的是append所以当模块id显示为第二个的时候对应菜单仍然跑到第一个模块下面，求高手看下改怎么修改把模块跟菜单一一对应起来

Answer 1

$("#a") ？这个应该根据相应的foreach 的index来控制顺序

 

然后绑定的时候根据index来绑定、