c# - Razor - 使用 foreach，每第 n 个项目插入 html

Question

我正在使用 Razor 和 MVC 5 在我的页面上输出大量项目。这是我目前拥有的:

@foreach (var item in Model.Items)
{
    <a>@item.Name</a>
}

我想做的是输出这样的东西:

<div class="tab-0">
    <a>Item 1</a>
    <a>Item 2</a>
    <a>Item 3</a>
    <a>Item 4</a>
</div>
<div class="tab-1">
    <a>Item 5</a>
    <a>Item 6</a>
    <a>Item 7</a>
    <a>Item 8</a>
</div>
<div class="tab-2">
    <a>Item 9</a>
    <a>Item 10</a>
    <a>Item 11/a>
    <a>Item 12</a>
</div>

我需要在一个 div 标签中对每 4 个项目进行分组。我如何在 Razor 中做到这一点？

Answer 1

不确定您是否想要递增 Item 数字(或者如果 @item.Name 实际上包含递增的数字)，但是下面的代码将递增两个类名称(每 4 次迭代一个新的 div)和项目编号。

@{ var t = 0; var i = 1;  }
<div class="tab-@t">  
    @foreach (var item in Model.Items)
    {
        <a>Item @i</a> // this may be just @item.Name?
        if (i % 4 == 0)
        {
            t++;
            @:</div><div class="tab-"@t>
        }
        i++;
    }
</div>