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']
您可以编写代码以便知道名称,执行字符串操作提取名称,或者只对数字执行查找和替换。查找和替换可能是最简单的,我将用这种方法更新我的答案。