web-dev-qa-db-ja.com

jQuery-それぞれを使用してオブジェクトの配列を作成する

私はjQueryの初心者です。

私はn行のシンプルなフォームを持っています（ただし、htmlフォームは使用していません）。

<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>

私は、一般的なユーザーデータを持つ "users"と呼ばれるjavascript varを持っています。

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

ボタンをクリックしたときに、ユーザーのデータに都市の配列を追加します（Johnと一緒に作業しているので、彼は[0]です）

オブジェクトを次のようにしたい：

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

使ってみた

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

ありがとう！

jqueryobjecteach
12
idophir

これを試して

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;
25
ShankarSangoli
$.each($('.line'), function() { 
   var key = $(this).text().replace(/.*(City\d+).*/,'$1');
   user.cities[key] = $(this).find('input').val(); 
});
5
marc