发布许多输入关系值-jQuery

发布许多输入关系值-jQuery,jquery,arrays,Jquery,Arrays,我有一个表单,用户可以在其中添加输入。因此,他们可以添加任意数量的输入。 每次单击“添加新”按钮时,都会发生以下情况: $('#add_specification').on('click', function(){ var new_item = '<input type="text" class="specification_title" title="TITLE" /> : <input type="text" class="specification_des

我有一个表单,用户可以在其中添加输入。因此,他们可以添加任意数量的输入。 每次单击“添加新”按钮时,都会发生以下情况:

$('#add_specification').on('click', function(){
        var new_item = '<input type="text" class="specification_title" title="TITLE" /> : <input type="text" class="specification_desc" title="DESCRIPTION" /> ';
        $('#specifications_inputs_holder').append(new_item);
    });
所以在发球端,我仍然可以看到彼此之间的相关数据,我如何才能做到这一点

我认为应该使用jQuery each()和一个数组:

$('#specifications_inputs_holder input').each(function(count){
    specifications[count] = $(this).val();
});
var $title = $('.specification_title'),
    $desc =- $('.specification_desc'),
    arr = [];

for(var i=0;i<$title.length;i++){
    var key = $title.eq(i).val(),
        val = $desc.eq(i).val(),
        pair = {key:val};
    arr.push(pair);
}
但这听起来不是个好办法,有人能帮我吗? 感谢jQuery中的:

var spec = [];
$('.specification_title').each(function() {
  var index = $(this).attr('data-index');

  $(spec).push({$(this).val():$('.specification_desc[data-index='+index).val()});

});
在“添加项目”功能中:

var new_item = '<input type="text" data-index='+parseint($('.specification_title').length+1)+' class="specification_title" title="TITLE" /> : <input type="text" data-index='+parseint($('.specification_title').length+1)+' class="specification_desc" title="DESCRIPTION" /> ';

您可以使用简单的for循环通过XML获取所有键/值对,并将它们推送到一个数组:

$('#specifications_inputs_holder input').each(function(count){
    specifications[count] = $(this).val();
});
var $title = $('.specification_title'),
    $desc =- $('.specification_desc'),
    arr = [];

for(var i=0;i<$title.length;i++){
    var key = $title.eq(i).val(),
        val = $desc.eq(i).val(),
        pair = {key:val};
    arr.push(pair);
}

在PHP端,您可以使用输入的键。

它们是输入,用户将更新其值、标题和描述,例如,这样您就可以理解它们彼此连接!仍然需要等待34秒:-)
[{title1:desc1},{title2:desc2},...,{titleX:descX}]