jQuery - Erstellen eines Arrays von Objekten enthält key - Wertepaare

Question

Ich habe folgende HTML-Code:

<div class="input_data"> 
    <input type="text" name = 'firstname' class="fname"> 
    <input type="text" name = 'lastname' class="lname"> 
</div> 
<br> 
<br> 
<div class="input_data"> 
    <input type="text" name = 'firstname'class="fname"> 
    <input type="text" name = 'lastname' class="lname"> 
</div> 
<button id="sbmt">Submit</button> 

Ich versuche, die Paare von Saiten von den Eingängen als Objekt in einer jQuery Array durch die folgenden zuzuweisen Code:

$('#sbmt').on('click', function() { 

    var this_row = {}; 
    //var all_rows = []; 

    $('.input_data').each(function(){ 

     $('> input', this).each(function(){ 

      //this_row[$(this).attr('name')] = $(this).val(); 
      //this_row.push($(this).attr('name')) = $(this).val(); 
      keyvalue = $(this).attr('name'); 
      namevalue = $(this).val(); 
      alert(keyvalue + " is : " + namevalue); 
      this_row[keyvalue] = namevalue; 
      //all_rows.push({$(this).attr('name'):$(this).val()}); 
     }); 

    }); 

Wie Sie sehen, habe ich die Aussagen mit ALL_ROWS kommentiert gehalten haben - tatsächlich wird es Fehler geben, dass die Verwendung von „this“ hier nicht legal ist.

Dazu speichert der Code in seiner aktuellen Form nur die Werte aus dem zweiten Satz von Eingängen.

Ich brauche eigentlich eine Reihe von Objekten wie

[{firstname:firstname-1, lastname:lastname-1}, {firstname:firstname-2, lastname:lastname:2}] 

Wie kann ich das passieren zu generieren? Außerdem würde ich gerne wissen, wie man die Aussage all_rows.push({$(this).attr('name'):$(this).val()}); funktioniert.

Answer 1

Sie brauchen so etwas wie dieses:

$('#sbmt').on('click', function() { 

    var all_rows = []; 

    $('.input_data').each(function() { 
      var this_row={}; 
      $(this).find("input").each(function(){ 

      keyvalue = $(this).attr('name'); 
      namevalue = $(this).val(); 
      this_row[keyvalue] = namevalue; 
     }); 
     all_rows.push(this_row); 

    }); 
    console.log(all_rows); 
    }); 

https://jsfiddle.net/9kxxwz0n/