jQuery - Erstellen Sie ein array von Objekten mit jeweils

Ich bin ein jQuery-Neuling.

Ich habe ein einfaches Formular mit n Zeilen (obwohl ich bin nicht mit html-Formular):

<div id="myCities">
  <div class="line">City1: <input type="text" /></div>
  <div class="line">City2: <input type="text" /></div>
  <div class="line">City3: <input type="text" /></div>
  <button>Add Your Cities</button>
</div>

Habe ich eine javascript-var als "Benutzer" mit der Allgemeinen Benutzer-Daten:

var users = [
  { "username": "John", "year": 1999},
  more users...
]

Beim Klick auf den button, möchte ich hinzufügen, dass eine Reihe von Städten auf die Daten des Benutzers (sagen wir, wir arbeiten mit John, er ist also [0])

Möchte ich das Objekt so Aussehen:

{ "username": "John",
  "year": 1999,
  "cities": [
    { "City1": $('.line input).val() },
    ... and so on for the 3 cities entered
  ]   
}

Versuchte ich mit 

$.each($('.line'), function() { 
   //but I'm not really sure what to put here 
});

Dank!

  • Wenn Sie hinzufügen möchten die Liste der Städte auf das Objekt? Wird John Sie auf "speichern" oder "Absenden" - button, oder Sie brauchen, um es zu aktualisieren, wie er Typen, oder etwas anderes?
  • Wenn Sie auf die Schaltfläche "Hinzufügen" Ihre Städte" - Taste. Nichts besonderes.
InformationsquelleAutor idophir | 2011-07-25
  1. 25

    Versuchen, diese

    var cities = [];

var $this, input, text, obj;
$('.line').each(function() { 
   $this = $(this);
   $input = $this.find("input");
   text = $this.text();
   obj = {};
   obj[text] = $input.val();
   cities.push(obj);
});

users[0].cities = cities;
    • Sollten Sie nicht mit var auf Ihrem lokalen Variablen?
    • Wenn ich es definieren innerhalb jeder Schleife werden Sie definiert für jede iteration ist nicht erforderlich. Aus diesem Grund habe ich definiert Sie außerhalb der Schleife.
    • Obwohl @marc ' s Lösung ist viel eleganter, landete ich mit dieser Lösung. Ich glaube, es ist mehr allgemein gehalten und wird hilfreich sein für mehr Menschen.
    • btw, mir scheint, dies ist Sie nur ein Verweis auf Objekt obj auf das array, was bedeutet, dass Daten in den Objekten überschrieben werden... denke ich...
    • es sollte var cities = new Array(); eher als var cities = []; weil letztere wird nicht lassen Sie die push-to-es. Der Fehler wird angezeigt, sagen .push ist keine gültige Methode.
    • Sie sparen meine Zeit 🙂

    InformationsquelleAutor ShankarSangoli
  2. 5
    $.each($('.line'), function() { 
   var key = $(this).text().replace(/.*(City\d+).*/,'$1');
   user.cities[key] = $(this).find('input').val(); 
});
    InformationsquelleAutor marc
Schreibe einen Kommentar