时间戳

首页 > 解决方案 > 如何在 Umbraco 的 foreach 中为第一个孩子添加一个类

html - 如何在 Umbraco 的 foreach 中为第一个孩子添加一个类

问题描述

我正在 Umbraco 中创建一个动态引导列。如何将类“ col-md-offset-1”仅分配给列中的第一个孩子col-md-2？

@{
   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>
   }
 }

标签： htmlforeachumbraco

解决方案

您可以尝试以下方式：

@{
   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

推荐阅读