jQueryの

Question

にクローニングしながら、どのように私はこのコード

$('.cloneMe').on('click', function(e) { 
    var idToAppend = $(this).data('id'); 
    $(this).data('id', idToAppend + 1); 
    $('div.render-form-editlayout-10').clone("").find('[id]').attr('id', function(idx, val) { 
     var newId = (this.name == undefined) ? val + idToAppend : this.name + '_' + idToAppend; 
     if ((this.name != undefined)) { 
      $(this).attr('name', newId); 
      console.log('For elements with name the new ID is: ' + 
       newId + ' new Name is: ' + newId); 
     } 
     return newId; 
    }).closest('div.render-form-editlayout-10').insertBefore(this); 
}) 

を持っており、私のjsfiddleは、あなたはそれが初めて正常に動作プラスボタンをクリックするとthis

である、しかし、最初に選択します次回は複数のクローンを作成しています。他のロジックを変更せずに修正できますか？

おかげ

Answer 1

問題は、この行です：$('div.render-form-editlayout-10').clone("")。

あなたが最初に選ぶしたい場合は、firstメソッドを使用します。私はあなたのjsfiddleを更新$('div.render-form-editlayout-10').first().clone("")

を。しかし、あなたのjsfiddleの問題は、使用されたセレクタでした。私もそれを修正した。元のコードに同じ問題があるかどうかはわかりません。

Answer 2

チェックこのフィドル：https://jsfiddle.net/56sfx5ur/15/

私はjsの次の行の更新：

var new_form = $('.form-model').children().first().clone(true); 

を問題は、あなたが最初のフォームフィールドの1セットしか含まれているが、第2の容器全体をクローン化したということでしたクローンには2つのフォームフィールドセットが含まれているので、クローンは4つのフォームセットなどを得ました。