nicht in der Lage das Produkt zu finden, die

Question

Hallo zusammen mit dynamisch erstellten Elementen Benutzereingabe bekam ich folgendes Problem bin Begegnung Ich habe 3 divs dynamisch von Ajax geladen wie so:

<div class="item" id="item1"> // Dynamically loaded 
    <input> 
    <input> 
</div> 
<div class="item" id="item2"> // Dynamically loaded 
    <input> 
    <input> 
</div> 
<div class="item" id="item3"> // Dynamically loaded 
    <input> 
    <input> 
</div> 

$(document).on('change', '.item', function() { 


}); 

Was ich will, erreichen ist, wenn ich Ändern Sie den Eingang eines der drei Divs, ich möchte wissen, wo die Eingabe bereitgestellt wurde. Da die Elemente dynamisch geladen werden, kann ich keinen direkten Selektor verwenden, aber ich muss $(document).on verwenden, und weil ich den direkten Selektor nicht verwende, kann ich (this) nicht verwenden. Wie finde ich heraus, in welchen Artikel Änderungen vorgenommen wurden?

Vielen Dank im Voraus!

Answer 1

Das erste Argument des Handlers - zum Beispiel e - würde das Ereignis empfangen, wenn sie deklariert ist. Dann hat das Argument e die Eigenschaft target, die Ihnen das HTML-Element gibt, von dem das Ereignis stammt. So würde dies gibt Ihnen einen Verweis auf die veränderten input:

$(document).on('change', '.item', function(e) { 
    var targetInput = e.target; 
    var parent = $(targetInput).closest("div.item"); 
    // Do something ... 
}); 

Answer 2

Gemäß Ihrem HTML hat jedes Div eine andere ID, daher können Sie die Div-ID bei der Änderung der Eingabe erhalten. Bitte testen Sie diesen Code und testen Sie ihn.

$("input").on('keyup', function(){ 

    //Get the parent div id, 
    var changeDivID = $(this).parents('div').attr("id"); 
    alert(changeDivID); 

});