在运行时定义属性ID

Question

我正在基于用户输入在运行时创建DIV。

@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定义ID？它可以是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

尝试通过获取商品的值来添加动态ID

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

我假设您的商品将具有一些您可以使用的唯一ID。