JQuery clone и переименование полей ввода

У меня есть следующее:

<!-- group clone //-->
<div class="section">
    <div class="parent row infoOn">
        <div class="validGroup">
            <a title="remove" class="iconClose" href="#">remove</a>
                <div class="grouping">
                    <div class="clearfix valid">
                        <label>Name<span class="iconReq">&nbsp;</span>:</label>
                        <input type="password" class="text inpButton" name="items[0].first">
                    </div>
                    <div class="clearfix">
                        <label>Email<span class="iconReq">&nbsp;</span>:</label>
                        <input type="text" class="text inpButton" name="items[0].first">
                    </div>
                </div>
            </div>
        </div>
        <div class="row addControl">
            <a href="#" class="button">Add</a>
        </div>
    </div>
    <!-- group clone //-->

и jQuery:

$(function(){
    // Control clone
    $('div.addControl a.button').click(function (e){
        e.preventDefault();
        var parent = $(this).closest('.section').find('.parent:last');
        var parentInput = parent.clone();
        parentInput.find("input").val("");
        parent.after(parentInput);
    });
    $('div.validGroup a.iconClose').live('click', function (e){
        e.preventDefault();
        if ($(this).closest('.section').find('.parent').length > 1){
            $(this).closest('div.parent').remove();
        }
    });
    reflesh();
});
  1. нажатие кнопки «Добавить» удаляет значения из полей ввода и клонов группа (2 поля ввода).
  2. нажатие на ссылку "удалить" удаляет group

Вопрос: как мне изменить его так, чтобы при добавлении ИЛИ при удалении новой группы поля ввода были переименованы в name = "items [INDEX] .first" и name = " items [INDEX] .last "

Например. когда есть только одна «группа», поля ввода будут иметь имена:

  • name = "items [0] .first"
  • name = "items [0] .last"

если я добавлю еще одну, новый будет иметь

  • name = "items [1] .first"
  • name = "items [1] .first"

и так далее. Когда я удаляю первый (один с items [0] .first ), имена ввода второго будут изменены с «items [1] .first» на items [0] .first .

вот как это выглядит: enter image description here

5
задан Jason Aller 17 July 2018 в 18:27
поделиться