Динамически добавленные панели всегда получают индекс как 0

Question

Я пытаюсь динамически добавить панели в существующую модель связанного списка панелей (группа-группа). Индекс конкретной панели указывает, в какой позиции панель находится в списке. Однако динамически добавленные панели в списке всегда имеют индекс добавленной панели как 0.

for (int i = 0; i < Model.ListofItem.Count; i++)
{
  <div class="panel panel-default">
    <div class="panel-heading">Panel Heading</div>
    <div class="panel-body">@Html.TextBoxFor(model => Model.List[i].item, new { @class = "form-control" })</div>
  </div>
}

Предположим, что список содержит 10 панелей, тогда, если я добавлю панель (клонирование и добавление), индекс добавленной панели должен быть 10, но это всегда 0. Почему я не могу добавить индекс на стороне клиента панели? и как мне их получить?

Answer 1

Если в метод .index () не передается аргумент, возвращаемое значение представляет собой целое число, указывающее позицию первого элемента в объекте jQuery относительно его родственных элементов.

позволяет немного разбить $('.Panelx').index()

$('.Panelx') вернет список панелей с классом Panelx..index() вернет позицию первого элемента относительно списка.поскольку первый элемент в списке - это просто элемент с индексом 0. Его относительная позиция также будет равна 0, и поэтому вы получаете 0 обратно.Работать как задумано.