Wie zu Listener-Ereignis in Jquery?

Question

jeder, ich ein Anfänger über js bin, so habe ich eine Frage, Code:

var formDate=$("#formStudentInfo").serializeArray(); 
    var inputArray=[]; 

    for (var i=0;i<formDate.length;i++) { 

     var element=$('#form_'+formDate[i]['name']); 
     inputArray.push(element); 
     console.log(inputArray) 
     inputArray[i].on('click',function(){ 
      console.log(inputArray[0]['name']); 
     }) 
    } 

Ich habe ein Formular Name ist # formStudentInfo, gibt es zwei Eingangs in dieser Form Eingangsname "formular_name" und "form_userName", Wie erhalte ich den Namen der Eingabe, wenn ich auf die Eingabe klicke? Danke allen

Answer 1

Sie sollten die Variable für den Schleifenzähler nicht innerhalb des asynchronen Callback-Handlers verwenden.

Der Wert i ist nicht identisch, wenn auf das Element geklickt wird. da zu dieser Zeit wird es immer gleich formDate.length sein, da, wenn das Element angeklickt wird, diese Schleife bereits ausgeführt wurde.

ersetzen

inputArray[i].on('click',function(){ 
    console.log(inputArray[0]['name']); 
}) 

mit

element.on('click',function(){ 
    console.log($(this).attr('name')); //using the reference to current element using $(this) 
}) 

oder einfach

element.click(function(){ //directly using the click method rather than delegation 
    console.log($(this).attr('name')); //using the reference to current element using $(this) 
})