Javascript 如何继续克隆输入的数字序列?

Javascript 如何继续克隆输入的数字序列?,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,$(“按钮”)。单击(函数(){ $('输入').children().first().clone().appendTo('输入'); $('输入').children().last().clone().appendTo('输入'); }) 添加您只需对其执行普通的字符串操作即可。既然你知道这个模式,你只需要输入数字的数量,然后就可以坚持到这里。大概是这样的: $('#inputs').children().last().attr('name', `input['name'][${$('#i

$(“按钮”)。单击(函数(){
$('输入').children().first().clone().appendTo('输入');
$('输入').children().last().clone().appendTo('输入');
})



添加
您只需对其执行普通的字符串操作即可。既然你知道这个模式,你只需要输入数字的数量,然后就可以坚持到这里。大概是这样的:

$('#inputs').children().last().attr('name', `input['name'][${$('#inputs').children().length}`);
由于现在有4个(包括新的一个),length将为您提供
4
,因此您将最终将名称设置为
input['name'][4]
。后续将为您提供5、6等

如果您需要动态获取名称并只需要更新号码,您可以找到并替换号码部分(因为您知道它将始终是
[1]
):


使用这种方法,它将使用当前名称,只需将
[1]
位替换为新的数字,这样您将首先获得
[4]
(因此
输入['name'][4]
输入['age'][4]
,然后
[5]
等等。

您可以对其执行普通的字符串操作。因为您知道模式,您只需要输入数字的数量,然后将其固定在此处。类似于:

$('#inputs').children().last().attr('name', `input['name'][${$('#inputs').children().length}`);
由于现在有4个(包括新的一个),因此length将为您提供
4
,因此您将最终将名称设置为
input['name'][4]
。后续将为您提供5、6等

如果您需要动态获取名称并只需要更新号码,您可以找到并替换号码部分(因为您知道它将始终是
[1]
):


使用这种方法,它将使用当前名称,只需将
[1]
位替换为新的数字,这样您将首先获得
[4]
(因此
输入['name'][4]
输入['age'][4]
,然后
[5]
等等。

是的,您可以简单地更改字符串。要将名称
名称
添加到
名称
列表末尾的

之前,您需要分别选择每个组,然后使用
after()
而不是
appendTo()

$(“按钮”)。单击(函数(){
变量名称=$(“#输入”).children(“[name^=“input[\'name”]”);
var clone=names.first().clone();
clone.attr(“name”,“input['name'][”+(names.length+1)+“]);
names.last()。在(克隆)之后;
变量ages=$(“#inputs”).children(“[name^=“input[\'age”]”);
clone=ages.first().clone();
clone.attr(“name”,“input['age'][”+(ages.length+1)+“]);
ages.last()在(克隆)之后;
})



添加
是,您只需更改字符串即可。要将名称
添加到

之前的
名称
列表末尾,您需要分别选择每个组,然后使用
after()
而不是
appendTo()

$(“按钮”)。单击(函数(){
变量名称=$(“#输入”).children(“[name^=“input[\'name”]”);
var clone=names.first().clone();
clone.attr(“name”,“input['name'][”+(names.length+1)+“]);
names.last()。在(克隆)之后;
变量ages=$(“#inputs”).children(“[name^=“input[\'age”]”);
clone=ages.first().clone();
clone.attr(“name”,“input['age'][”+(ages.length+1)+“]);
ages.last()在(克隆)之后;
})



添加
两个新的
输入
被添加到末尾。您不希望
名称
被添加到
名称
列表的末尾,在

之前吗?@RacilHilan是的,那是的,忘了提及它,因为它们是两个不同的输入。两个新的
输入
被添加到末尾。您不希望
输入吗ame
添加到

之前的
名称
列表末尾?@RacilHilan是的,这是因为它们是两个不同的输入。但是我如何定义在这种情况下是哪个
名称
呢?两个添加的输入中有一个是
['name']
,另一个是
['age']
您可以编写代码以便知道名称,执行字符串操作以提取名称,也可以只对数字执行查找和替换。查找和替换可能是最简单的,我将用这种方法更新我的答案。但是,在这种情况下,我如何定义是哪个
名称呢?两个添加的输入中有一个
>['name']
另一个是
['age']
您可以编写代码以便知道名称,执行字符串操作提取名称,或者只对数字执行查找和替换。查找和替换可能是最简单的,我将用这种方法更新我的答案。