javascript - 使用 jquery 删除动态元素后如何按名称和 id 重新排序元素？

Question

我在表单上有动态元素和字段。

JS:

<script>
function hapus(i){
    $("#field"+i).remove();
}
</script>

HTML:

<div class="fieldwrapper" id="field1">
       <select class="fieldtype" id="labensmittel1" name="data[Tagebuch][labensmitell1]" style="width:160px;">
            <option value="data">data</option>
       </select>
       <input type="text" value="" id="qty1" name="data[Tagebuch][qty1]" class="fieldname" />
       <input type="text" value="" id="labendata1" name="data[Tagebuch][labendata1]" class="fieldname" />
       <input type="button" class="hapus1" value="-" style="width:20px;" id="hapus1" onclick="hapus(1);" />
</div>
<div class="fieldwrapper" id="field2">
       <select class="fieldtype" id="labensmittel2" name="data[Tagebuch][labensmitell2]" style="width:160px;">
            <option value="data">data</option>
       </select>
       <input type="text" value="" id="qty2" name="data[Tagebuch][qty2]" class="fieldname" />
       <input type="text" value="" id="labendata2" name="data[Tagebuch][labendata2]" class="fieldname" />
       <input type="button" class="hapus2" value="-" style="width:20px;" id="hapus2" onclick="hapus(1);" />
</div>
<div class="fieldwrapper" id="field3">
       <select class="fieldtype" id="labensmittel3" name="data[Tagebuch][labensmitell3]" style="width:160px;">
            <option value="data">data</option>
       </select>
       <input type="text" value="" id="qty3" name="data[Tagebuch][qty3]" class="fieldname" />
       <input type="text" value="" id="labendata3" name="data[Tagebuch][labendata3]" class="fieldname" />
       <input type="button" class="hapus3" value="-" style="width:20px;" id="hapus3" onclick="hapus(3);" />
</div>

如何按名称对字段重新排序？例如，如果我删除 field2 div id='field3' 将更改为 div id='field2' 然后选择和输入字段 id id="labensmittel3" 和 name="data[Tagebuch][labensmitell3]" 中的名称将移至 id="labensmittel2"和 name="data[Tagebuch][labensmitell2]"

谢谢

Answer 1

在删除发生后重置所有 id 的基本迭代怎么样:

var fields = $('.fieldwrapper');
var count = 1;
$.each(fields, function() {
    $(this).attr('id','field' + count);
    count++;
});