在 Jquery Clone 中更改复杂的 id 值

Question

这是我的输入框

<input class="form-control" id="StudentInstitutes_0__Name" name="StudentInstitutes[0].Name" value="" type="text">

我使用clone() 来包装上述输入字段的 div。这很好用。

但是如何通过单击按钮来更改上面为“0”的 id 和名称索引。

例如：如果我第一次单击按钮，输入字段将是：

<input class="form-control" id="StudentInstitutes_1__Name" name="StudentInstitutes[1].Name" value="" type="text">

这是我的按钮

<div class="form-group">
    <div class="col-sm-6">
        <input type="button" name="ShowMoreInstitution" id="ShowMore" value="Add More Institution" onclick="javascript:  showMoreInstitution();" />
    </div>                                       
</div>

这是我的 JS

$("#showMore").click(function () {
    $('#showInstitute').clone().insertAfter("#showInstitute");
});

请注意，我使用的是 Asp.net Mvc Razor 视图，不想使用局部视图进行操作。

Answer 1

据我所知，您想动态更改 id，因此您必须首先声明全局变量“value”并为其分配初始值 0。

$("#showMore").click(function () {
    value++;
    $('#showInstitute').removeAttr('id').attr('id', 'StudentInstitutes_" + value + "__Name');
});

此代码可能会对您有所帮助。