javascript - 将输入元素对转换为 json

Question

我有一个简单的用户界面，其中有一个显示“添加项目”的链接。单击此按钮后，其下方会出现一对输入框。如果再次单击，则会出现另一对。我试图想出生成这些元素的最佳方法，并将其转换为某种键值对的 json 数组(每对中的第一个输入元素是键，第二个输入元素是值)。

现在我只有一个计数器，并使用它生成 id，例如(在“添加项目”链接的点击事件中):

$('#features').append('<input id="feature-name-' + self.featureCount + '" type="text" name="asdf" /><a class="delete-feature" data-id="' + self.featureCount + '">Delete</a><input id="feature-description-' + self.featureCount + '" type="text" name="asdf" />');

我不知道使用什么作为“name”属性，以便轻松地从它们创建 json 数组。

Answer 1

您可以在不使用 id 属性的情况下执行类似的操作。

$('#features').append('<div><input type="text" />
<a class="delete-feature" data-id="' + self.featureCount + '">Delete</a><input    type="text" /></div>');

还有你的 JavaScript，

var yourArray=[];
$('#yourButton').click(function(){
   $('#features div').each(function(){
      var div=$(this);
      var k=$('input:first',div).val();
      var v=$('input:first',div).next().val();

        yourArray.push({key:k, value: v});

   });

});