Html帮助--嵌套的ULs和LIs

我想实现这样的目标：

<li><a href="#">Item1</a>
                        <ul>
                            <li><a href="#">Item2</a></li>
                            <li>
                                <a href="#">Item3</a>
                                <ul>
                                    <li>
                                        <a href="#">Item4</a>
                                        <ul>
                                            <li>
                                                <a href="#">Item5</a>
                                                <ul>
                                                    <li>
                                                        <a href="#">Item6</a>
                                                        <ul>
                                                            <li> <a href="#">Item7</a> </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li> <a href="#">Item8</a> </li>
                        </ul>
                    </li>

项目1等从字典中提取，字典可以根据用户输入进行更改。下面是我在视图中使用我的MVC应用程序尝试的内容：

    @foreach (var stp in Model.stepData)
{
        <li><a href="#">@stp.Key</a></li>
        <ul>
            @for (int i = 0; i < stp.Value.Count; i++)
    {
        <li><a href="#">@stp.Value[i]</a></li>

}
        </ul>
}

@foreach（Model.stepData中的var stp）
{


@for（int i=0；i
}

}

我知道我想在@stp.Value循环中的

之前添加

。。但这需要公开。。结束标记必须在该迭代中最后一个标记被写入之后。所以我想可能是另一个for循环进入标记。。但这根本不起作用。我可以用html实现这一点吗？ 我尝试的代码：

@for (int i = 0; i < stp.Value.Count; i++)
    {
        <ul><li><a href="#">@stp.Value[i]</a></li>

}
@for(int i = 0; i<stp.Value.Count;i++){</ul>}

@for（int i=0；i

}
@对于（int i=0；i这应该循环通过
stp.Value
并返回在父级
ul
标记中呈现的
li
标记中包装的每个项目：

<ul id="myList">
    // stp.Value items here
</ul>

<script>
    var list = docment.getElementById('myList');
    var listItem = '';

    @for (int i = 0; i < stp.Value.Count; i++){
        listItem += '<li><a href="#">' + @stp.Value[i] + '</a></li>'
    }
    list.innerHTML = listItem;
</script>


//这里是stp.价值项目

var list=document.getElementById（'myList'）；
var listItem=''；
@for（int i=0；i

大多数MVC框架对此都有自己的方法，但由于您没有指定使用的是哪个框架，因此上面的方法是使用vanilla JS的一种通用方法。
对上面的答案进行了轻微修改，以便它可以与razor loop一起使用
:
`

    <script>
        var list = document.getElementById('valueList');
        var listItem = ''; 
        var count = 0;
        @for (int i = 0; i<stp.Value.Count; i++) { 
            <text> 
        listItem += '<ul><li><a href="#">' + '@stp.Value[i]' + '</a>'
        count = i;
            </text>
        }
        for (var i = 0; i <=count; i++) {
            listItem += '</li></ul>'
        }
            list.innerHTML = listItem;

    </script>


var list=document.getElementById（'valueList'）；
var listItem=''；
var计数=0；
@对于（int i=0；i您使用的是哪个MVC框架？在编辑中添加了一个额外的例子，可能是重复的。它使用了一个
forEach（）
带有循环的箭头函数。它不会在
标记中运行，可悲的是，OP，但是将
js
移动到
js
文件中进行调试总是很好的。可能只有我：）OP，这是您的答案。请记住始终选择一个作为正确的解决方案：PI尝试应用上述方法，但我遇到以下错误：
1.@for中的listItem在当前上下文中不存在2.字符文字中的字符太多。
我不确定如何继续。