Asp.net mvc 在razor视图中循环浏览ViewModel时，向其他每个项目添加css类

在razor视图中，我试图显示引号。当我循环查看ViewModel中的引号列表时，我需要能够将一类blockquote reverse添加到列表中的每个其他项

请参见以下内容：

@model IEnumerable<CustomerViewModel>

    @foreach (var customer in Model)
    {
         @* if index is odd *@ 
<blockquote>
  <p>@customer.Name</p>
  <footer>@customer.Quote</cite></footer>
</blockquote>

@* if index is even *@ 
<blockquote class="blockquote-reverse">
  <p>@customer.Name</p>
  <footer>@customer.Quote</cite></footer>
</blockquote>
    }

@model IEnumerable
@foreach（模型中的var客户）
{
@*如果索引为奇数*@
@顾客姓名

@客户报价
@*如果索引为偶数*@
@顾客姓名

@客户报价
}

为索引器添加一个变量，以便可以使用

%

运算符

@{ var index = 0; }
@foreach (var customer in Model)
{
    if (index % 2 == 0)
    {
        .... // without class name
    }
    else
    {
        .... // with class name
    }
    index++;
}

---

旁注：还可以考虑使用CSS使用<代码>元素：NTH子（2n）< /C>选择器（例如，参考）< /P> < P>为索引器添加变量，以便可以使用<代码> %运算符< /P>

@{ var index = 0; }
@foreach (var customer in Model)
{
    if (index % 2 == 0)
    {
        .... // without class name
    }
    else
    {
        .... // with class name
    }
    index++;
}

---

旁注：还可以考虑使用CSS使用<代码>元素：NTH子（2n）< /C>选择器（例如，参考）< /P> < P>引入跟踪记录索引的变量，并使用MOD运算符（<代码> %>代码>）选择正确的CSS类：

@{int i = 0;}
@foreach (var customer in Model)
{
    var className = i % 2 == 0 ? "blockquote-reverse" : null;
    i++;
    <blockquote class="@className">
       <p>@customer.Name</p>
       <footer><cite>@customer.Quote</cite></footer>
    </blockquote>
}

@{int i=0；}
@foreach（模型中的var客户）
{
var className=i%2==0？“块引号反向”：null；
i++；
@顾客姓名

@客户报价
}

---

注意：您的代码中有一个结束标记

，但没有开始标记，我在答案中添加了开始标记。

引入一个用于跟踪记录索引的变量，并使用mod运算符（

%

）选择正确的CSS类：

@{int i = 0;}
@foreach (var customer in Model)
{
    var className = i % 2 == 0 ? "blockquote-reverse" : null;
    i++;
    <blockquote class="@className">
       <p>@customer.Name</p>
       <footer><cite>@customer.Quote</cite></footer>
    </blockquote>
}

@{int i=0；}
@foreach（模型中的var客户）
{
var className=i%2==0？“块引号反向”：null；
i++；
@顾客姓名

@客户报价
}

---

注意：您的代码中有一个结束标记

而没有开始标记，我在我的答案中添加了开始标记。

谢谢您的回答。。我总是忘了我在razor里几乎可以做我在c#里能做的任何事情……谢谢你的回答。。我总是忘了我在razor里几乎可以做我在c#里能做的任何事情。。。