用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="labensmittel3"和name="data[Tagebuch][labensmitell3]"選擇和輸入字段ID和名稱移到id="labensmittel2"和name="data[Tagebuch][labensmitell2]"

謝謝

Answer 1

刪除后重置所有ID的基本迭代如何：

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