Определение идентификатора атрибута во время выполнения

Question

Я создаю DIVs во время выполнения на основе пользовательского ввода.

@foreach (var item in Model.BUM_List)
{
  <div class="shadow col-sm-2 col-xs-4">
    <input class="Columndiv" value="@item.Columns" id="" readonly/>
    <input type="checkbox"/><label id="lblSelectColumn">Include this Column</label>
  </div>
}

У меня вопрос: как определить идентификатор для каждого из этих вновь созданных DIV после создания? Это могут быть имена Column1, Column2 и т. Д.

Я попытался использовать следующую функцию, но она полезна только после создания DIV.

$("#Submit_Table").click(function () {
  var i = 0;
  $('.Columndiv').each(function () {
    i++;
    var newID = 'menu' + i;
    $(this).attr('id', newID);
    $(this).val(i);
  });
});

Answer 1

Попробуйте добавить динамический идентификатор, получив значение из элемента

<div class="shadow col-sm-2 col-xs-4" id="topDiv@item.code">

Я предполагаю, что у вашего элемента будет уникальный идентификатор, который вы можете использовать.