如何在 Umbraco 的 foreach 中将 class 添加到第一个 child

Question

我正在 Umbraco 中制作一个动态的 Bootstrap 专栏。如何仅将 class“col-md-offset-1”分配给 col-md-2 列中的第一个 child？

@{
   foreach (IPublishedContent list in homeList.Where(x => x.IsVisible()))
   {
      string text = list.GetPropertyValue<string>("listText");
      string style = list.GetPropertyValue<string>("listItemStyle");

      <div class="col-md-2 text-center">
         <div class="circle"><i class="@style"></i></div>
            <p>@text</p>
      </div>
   }
 }

Answer 1

您可以按照以下方式尝试：

@{
   var additionalClassForFirstItem = "col-md-offset-1";
   foreach (IPublishedContent list in homeList.Where(x => x.IsVisible()))
   {
      string text = list.GetPropertyValue<string>("listText");
      string style = list.GetPropertyValue<string>("listItemStyle");

      <div class="col-md-2 text-center @{additionalClassForFirstItem}">
         <div class="circle"><i class="@style"></i></div>
            <p>@text</p>
      </div>
      if (!string.IsNullOrEmpty(additionalClassForFirstItem)) {
         additionalClassForFirstItem = string.Empty;
      }
   }
 }

或使用整数变量迭代 for ，如 for (int i = 1, ..) ，并检查它是否 = 1

如何在 Umbraco 的 foreach 中将 class 添加到第一个 child

How to add a class to the first child in foreach in Umbraco

html

foreach

umbraco