jqueryを使用してphp

Question

を使用して追加された要素または要素IDを見つけることができません。新しい要素をdiv要素に追加しています。また、新しい追加要素のIDを設定しましたが、

$.ajax({ //ajax call 
    type: "POST",  
    url: "ajax/ajax.php", 
    data: { users: values } 
}).done(function(msg) { 
    //do something with msg which is response 
    //this line will put the response to item with id `#txtHint`. 
    $("#divselect").html(msg) 
    //alert(msg); 
}); 
}); 

新しい要素は正常に追加されましたが、ボタンをクリックするとjavascriptはその新しい要素IDを見つけることができません。 JavaScriptのみをリロードする方法はありますか？何をすべきですか？

 $("#validator").click(function(){//validator is my submit button id 

    var value = document.getElementById('select_division'); //select_division is id of my new added element 
    alert(value); 
} 

が参照エラーになります。これに。

Answer 1

jQueryは実行時にページ内の要素のみを認識しているため、DOMに追加された新しい要素はjQueryによって認識されません。この問題を解決するには、event delegationを使用して、jQueryがページの読み込みを実行したときにそこにあったDOM内のポイントまで新しく追加されたアイテムからのイベントをバブリングします。多くの人々はバブリングされたイベントをキャッチする場所としてdocumentを使用していますが、DOMツリー全体まで進む必要はありません。理想的にはyou should delegate to the nearest parent existing at the time of page load.

さらに、ID's Must Be Uniqueです。具体的には、これらの要素と対話しようとするとJavaScriptとCSSに問題が発生するためです。

はクラスに（すでにjQueryのを使用しているので、jQueryのからバニラJSへの切り替えが本当に必要ではありません）あなたのセレクタを変更し、イベントの委任を実行するために on()を使用

：問題の

$(document).on('click', '.validator', (function(){//validator is my submit button id 
    var value = document.getElementsByClassName('select_division'); //select_division is id of my new added element 
    alert(value); 
}) 

一部はここにありますvalidatorに関連する具体的なselect_divisionが必要です。それを得るためには、いくつかのDOMトラバーサルを実行するかもしれません。あなたのマークアップを見ることなく、トラバースを行う方法を教えてくれません。

Answer 2

私は間違って書いていました。 唯一の