Как я клонирую html коды группы с изменением названия и идентификатора

Question

Я использую этот код для своей формы.Я действительно нахожу некоторые коды для клонирования с помощью jQuery, некоторые из этих ящиков, но я не могу клонировать их все с изменением его имени и идентификатора для каждого ящика, пожалуйста, помогите мне решить эту проблему.

<!-- table -->

                    <div class="pozisyon-kapsa deneyimForm">
                        <div class="col-md-8 col-md-8k">
                            <div id="isim" class="col-xl-6">
                                <div class="submit-field">
                                    <h5>İsim</h5>
                                    <input type="text" class="with-border">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="pozisyon-kapsa deneyimForm">
                        <div class="col-md-8 col-md-8k">
                            <div id="soyisim" class="col-xl-6">
                                <div class="submit-field">
                                    <h5>Soyisim</h5>
                                    <input type="text" class="with-border">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="pozisyon-kapsa deneyimForm">
                        <div class="col-md-8 col-md-8k">
                            <div id="soyisim" class="col-xl-6">
                                <div class="submit-field">
                                    <h5>Doğum Yeri</h5>
                                    <input type="text" class="with-border">
                                </div>
                            </div>
                        </div>
                    </div>  

                    <div class="pozisyon-kapsa deneyimForm">
                        <div class="col-md-8 col-md-8k">
                            <div class="submit-field">
                                <h5>Doğum Tarihi</h5>   
                            </div>
                            <div class="date-cl">
                                <input type="date" id="inputMDEx1" class="form-control">
                            </div>
                        </div>
                    </div>

                    <div class="pozisyon-kapsa deneyimForm">
                            <div class="col-md-8 col-md-8k">
                                <div class="submit-field">
                                    <h5>cinsiyet</h5>
                                    <select class="chosen with-border" data-size="7" title="Select Job Type">
                                        <option selected disabled style="display:none"> Seçiniz </option>
                                        <option>Erkek</option>
                                        <option>Kadın</option>
                                    </select>
                                </div>
                            </div>  
                        </div>

                    <!-- table -->

У меня также естьхороший источник для этого

1. http://jsfiddle.net/ambiguous/yEaw6/
2. Динамически увеличивать индекс имени аргумента функции Javascript
3. Какдинамически добавлять атрибут имени поля ввода, используя Javascript / Jquery

Answer 1

Если вы используете jquery и клонируете только для всех элементов, вы можете клонировать его следующим образом

var cloneElements = $('.deneyimForm').clone();

Поскольку мы не знаем, какое имя элемента или идентификатор вы хотите изменить.Поэтому я просто принимаю ввод как элемент, который вы хотите выбрать.

 cloneElements.each(function(){
    var inputElement = $(this).find('input');
    if(inputElement.length > 0){ //check if input element exist
        inputElement.attr('id','inputID');
        inputElement.attr('name','inputName');
    }
 });

Теперь все входные элементы внутри клонированных элементов (все они) имеют одинаковое имя ввода и идентификатор ввода.