两个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来控制顺序&nbsp;然后绑定的时候根据index来绑定、