Javascript 如何在类索引中获取输入的值,并将其分配给自己集合中具有相同索引的另一个输入?
请原谅我的无礼,但请容忍我。 假设容器1中有任意数量的输入,其中一些共享一个类 我们还有另一个容器2,里面有一些输入,其中一些还共享一个类 我想要的是将容器1中的输入值复制到容器2中的相应输入值,容器1在类Javascript 如何在类索引中获取输入的值,并将其分配给自己集合中具有相同索引的另一个输入?,javascript,html,jquery,Javascript,Html,Jquery,请原谅我的无礼,但请容忍我。 假设容器1中有任意数量的输入,其中一些共享一个类 我们还有另一个容器2,里面有一些输入,其中一些还共享一个类 我想要的是将容器1中的输入值复制到容器2中的相应输入值,容器1在类中具有索引。inputs1复制到容器2中的相应输入值,容器2中在类中具有相同的索引。inputs2 我知道如何使用var index1=$(this.closest(“input”).index(“inputs1”);获取我当前键入的输入(在其类中)的索引 我只是不知道应该使用什么jquery
中具有索引。inputs1
复制到容器2中的相应输入值,容器2中在类中具有相同的索引。inputs2
我知道如何使用var index1=$(this.closest(“input”).index(“inputs1”);获取我当前键入的输入(在其类中)的索引代码>
我只是不知道应该使用什么jquery选择器来传输值
我应该从哪里开始
将我的概念可视化的代码片段:
$(文档).on(“输入”,“输入”,函数(){
var index1=$(此).inputs1.index(.inputs1”);
var index2=$(此).inputs2.index(“.inputs2”);
});代码>
如果您只想将值从class标记的输入中复制到#container2
中具有相应索引的输入中:
$(文档).on(“输入”,函数(事件){
让$currentInput=$(event.target)
if($currentInput.hasClass('inputs1')){
让InputOutpDate=$('#container2 input')[$currentInput.index()]
$(InputOutpDate).val(event.target.value)
}
});
如果您只想将值从class标记的输入中复制到#container2
中具有相应索引的输入中:
$(文档).on(“输入”,函数(事件){
让$currentInput=$(event.target)
if($currentInput.hasClass('inputs1')){
让InputOutpDate=$('#container2 input')[$currentInput.index()]
$(InputOutpDate).val(event.target.value)
}
});
您可以使用:eq
从其他div获取相同的类,然后在那里添加值
演示代码:
$(文档).on(“输入”,“输入”,函数(){
if($(this).hasClass(“inputs1”)){
var index1=$(此).index(“.inputs1”);
//获取具有相同索引的类
$(“#container2”).find(“.inputs2:eq(“+index1+”)).val($(this.val())
}
});代码>
您可以使用:eq
从其他div获取相同的类,然后在那里添加值
演示代码:
$(文档).on(“输入”,“输入”,函数(){
if($(this).hasClass(“inputs1”)){
var index1=$(此).index(“.inputs1”);
//获取具有相同索引的类
$(“#container2”).find(“.inputs2:eq(“+index1+”)).val($(this.val())
}
});代码>
方法稍有不同,可能更易于阅读
const$in_1=$('.inputs1'),
$in_2=$('.inputs2');
$in_1.on(“输入”,函数(){
const inIdx=$in_1.索引(本);
$in_2.eq(inIdx).val(该值);
});代码>
方法稍有不同,可能更易于阅读
const$in_1=$('.inputs1'),
$in_2=$('.inputs2');
$in_1.on(“输入”,函数(){
const inIdx=$in_1.索引(本);
$in_2.eq(inIdx).val(该值);
});代码>
所以容器1中的第一个输入将与容器2s中的第一个输入具有相同的值,依此类推?否,容器1中该类中具有class.inputs1和索引#1的输入,将其值发送到具有类的input。容器2中其类中的inputs2和索引#1,依此类推。因此,容器1中的第一个输入将具有与容器2中的第二个输入相同的值,依此类推?否,容器1中此类中具有类的inputs1和索引#1的输入,将其值发送到具有类的input。容器2中其类的inputs2和索引#1,因此我希望将它们复制到具有类的相应索引的inputs2。容器2中的inputs2我希望将它们复制到具有容器2中的类的相应索引的inputs2