ASP. net - foreach два ребенка в родительском div

Question

Я пытался foreach мой itemList, два дочерних элемента в одном родительском div. Я также пытался использовать index с index++ для проверки количества дочерних элементов, чтобы добавить к родителю html. Однако это не правильно.

var index = 1;
@foreach (var item in itemList)
{
    if (index % 2 == 0){
        <div class="parent-item">
    }
    <div class="child-item"></div>
    if (index % 2 == 0){
        </div>
    }
    index++;
}

Ниже ожидается результат:

<div class="parent-item">
    <div class="child-item"></div>
    <div class="child-item"></div>
</div>

Answer 1

Я думаю, что ваша root проблема в том, что вы выводите «родительский» начальный и конечный теги вокруг четных элементов, поскольку вы проверяете index % 2 == 0 в обоих случаях.

Кроме того, скорее затем foreach, который отслеживает индекс, вы можете сделать for и проверить «последний» элемент в случае, если есть нечетное количество элементов:

@for (int index=0; index < itemList.Count(); index++)
{
    item = itemList[index];
    if (index % 2 == 0){
        @:<div class="parent-item">
    }
    <div class="child-item"></div>
    if (index % 2 == 1 || index == (itemList.Count() - 1)){
        @:</div>
    }
}