Question

我希望动态创建制表符，每个都是迭代的，但它创建的空间如tab-btn 1，tab-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++;
            }

我也在Razor - using foreach, insert html every nth item的例外回答中尝试过，但它也没有用。

Answer 1

您可以使用string.Format()

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

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

1 个答案: