Html 如何使用迭代类名称创建动态元素？

我想动态地为每个选项卡创建迭代选项卡，如下所示，但其创建空间类似于

选项卡btn 1

，

选项卡btn 2

。如何迭代类名称

<li>
                    <a href="javascript:void(0);" class="active tab-btn1">View Document - 01</a>
                </li>
                <li>
                    <a href="javascript:void(0);" class="tab-btn2">View Document - 02</a>
                </li>
                <li>
                    <a href="javascript:void(0);" class="tab-btn3">View Document - 03</a>
                </li>
                <li>
                    <a href="javascript:void(0);" class="tab-btn4">View Document - 04</a>
                </li>

我已经创建了如下的for循环

  @{int i = 0;}
            @foreach (System.Data.DataRow item in ds.Tables[0].Rows)
            {

                <li>
                    <a href="javascript:void(0);" class="tab-btn @i">@item["M36_01_TypeName"]</a>
                </li>
                i++;
            }

@{int i=0；}
@foreach（ds.Tables[0].行中的System.Data.DataRow项）
{


i++；
}

---

我也尝试过的例外答案中的建议，但它也不起作用。

您可以使用

string.Format（）

<a href="javascript:void(0);" class=@string.Format("tab-btn{0}", i)>@item["M36_01_TypeName"]</a>