jqueryクローンとイベントを追加する

Question

私は "div"とその中のすべてをクローンしようとしていますが、クローンされたdivでイベントの1つが消えてしまいます。 SOで見つかったコード）。

var MyClass = document.querySelectorAll(".BtnOptList"); 
for (var ii = 0; ii < MyClass.length; ii++) { 
    MyClass[ii].addEventListener('click', H_S_Btns_Func, false); 
} 

はその後、div要素のクローンを作成するために、私は次の関数を使用します：
不足しているイベントには、次のJavaScriptで追加され

$('#btnAddFlds').click(function() { 
    //Count "cloned divs" we currently have 
    //This will be also used as numeric ID of the new input(s) field(s) (1st have no number) 
    var DivNum = $('.SDetails').length; 
    // clone() element and update its id(s) 
    var newElem2 = $('.SDetails:first').clone().attr('id', function(i, val) { 
                  return val + DivNum; 
                  }); 
    // manipulate the id values of the input inside the new element 
    newElem2.find('input,.BtnOptList,.HideIt').each(function(){ 
             $(this).attr('id', function(i, val) { 
                  return val + '_' + DivNum; 
                  }); 
             }); 
    //Try to add function (DOESN'T WORK) 
    newElem2.find('.BtnOptList').each().addEventListener('click', H_S_Divs_Func, false); 

    //I omitted other stuff 
}); 

私はすでに試したクローン（真、真）しかし、動作しません

Answer 1

これは（newElem2.find('.BtnOptList').each().addEventListener('click', H_S_Divs_Func, false);）どのようにjQueryのeachを使用していません。 newElem2.find('.BtnOptList').each(function(i,e){e.addEventListener('click', H_S_Divs_Func, false)})

PS：あなたはjQueryのを使用しているので、あなたはそれが自分のイベントメソッドだ使用し、全体のリストにリスナーを追加することができます。

newElem2.find('.BtnOptList').on('click', H_S_Divs_Func, false)

Answer 2

https://api.jquery.com/each/

スポイラーを見て

使用

.clone(true) 

の代わり

.clone() 

参考：http://api.jquery.com/clone/