从标签和输入创建对象--javascript,jquery

时间:2014-05-28 14:36:09

标签: javascript jquery

我想创建一个具有键值对的对象,我将存储到本地存储。标记看起来像这样:

<table id="equipmentTable" class="table">
 <thead>
  <tr>
  <th>Category</th>
  <th class="thCenter">Quantity</th>
</tr>
 </thead>
 <tbody>
<tr>
  <td><label for="equipCatagory">Equipment1</label></td>
  <td><input type="email" class="form-control" id="" placeholder="0"></td>
 </tr>
 <tr>
  <td><label for="equipCatagory">Equipment2</label></td>
  <td><input type="email" class="form-control" id="" placeholder="0"></td>
</tr>
 <tr>
  <td><label for="equipCatagory">Equipment4</label></td>
  <td><input type="email" class="form-control" id="" placeholder="0"></td>
 </tr>
 </tbody>
</table> 

表行从json对象填充。我想要一个具有标签键值对的对象:输入如下所示:

{
  fields:
   {
      Equipment1: 'quantity',
      Equipment2: 'quantity',
      Equipment3: 'quantity'
   }
}

这样做的最佳方法是什么?

1 个答案:

答案 0 :(得分:2)

var tableData = {};

$('.table tbody tr').each(function(){
    var label = $(this).find('label').text();
    var inputValue = $(this).find('input').val();
    tableData[label] = inputValue;
});

也就是说,您可能希望在表单输入上使这些ID唯一。