Javascript Jquery对其他div重复求和

Javascript Jquery对其他div重复求和,javascript,jquery,Javascript,Jquery,我有以下代码可以工作,如果我为“Cabinet Width”输入输入一个数字,它将在div class=“sum”中输出总和 我还需要它将该总和复制到div class=“cal1”cal2 cal3中,等等 有办法吗 以下是一个例子: 代码: 函数克隆(){ $(this.parents(“.clonedInput”).clone() .附件(“正文”) .find(“*”) .on('click'、'button.clone',clone) .on('click','button.remo

我有以下代码可以工作,如果我为“Cabinet Width”输入输入一个数字,它将在div class=“sum”中输出总和

我还需要它将该总和复制到div class=“cal1”cal2 cal3中,等等

有办法吗

以下是一个例子:

代码:

函数克隆(){
$(this.parents(“.clonedInput”).clone()
.附件(“正文”)
.find(“*”)
.on('click'、'button.clone',clone)
.on('click','button.remove','remove');
}
函数删除(){
$(this.parents(“.clonedInput”).remove();
}
$(“button.clone”)。单击(“单击”,克隆);
$(“button.remove”)。单击(“单击”,删除);
//计算器
$(文档).ready(函数(){
$(“正文”)。关于(“键控更改”,“计算”,函数(e){
var cabwidth=parseFloat($(this).val())| | 0;
var-ply=1.4375;
var值=电缆宽度-铺层;
如果(!isNaN(值)&&value!==无穷大){
$(this.parent().find(“.sum”).text(值);
}
});
});

这里重复计算
这里重复计算
这里重复计算
这里重复计算
添加
去除

最简单的解决方案是向要受输入影响的节点添加
sum
类:

<div class="sum cal1">duplicate sum here</div>
<div class="sum cal2">duplicate sum here</div>
<div class="sum cal3">duplicate sum here</div>
<div class="sum cal4">duplicate sum here</div>

最简单的解决方案是向要受输入影响的节点添加
sum
类:

<div class="sum cal1">duplicate sum here</div>
<div class="sum cal2">duplicate sum here</div>
<div class="sum cal3">duplicate sum here</div>
<div class="sum cal4">duplicate sum here</div>

您可以将多个元素链接到
.find()
中,一次将其输出到。将
$(this.parent().find(“.sum”).text(value)
替换为
$(this.parent().find(“.sum、.cal1、.cal2、.cal3、.cal4”)。text(value)
将同时向所有五个元素输出值

或者,您可以简单地将类
sum
添加到每个所需的目标元素中

希望这有帮助!:)

…此外,此代码看起来;)

函数克隆(){
$(this.parents(“.clonedInput”).clone()
.附件(“正文”)
.find(“*”)
.on('click'、'button.clone',clone)
.on('click','button.remove','remove');
}
函数删除(){
$(this.parents(“.clonedInput”).remove();
}
$(“button.clone”)。单击(“单击”,克隆);
$(“button.remove”)。单击(“单击”,删除);
//计算器
$(文档).ready(函数(){
$(“正文”)。关于(“键控更改”,“计算”,函数(e){
var cabwidth=parseFloat($(this).val())| | 0;
var-ply=1.4375;
var值=电缆宽度-铺层;
如果(!isNaN(值)&&value!==无穷大){
$(this.parent().find(“.sum.cal1.cal2.cal3.cal4”).text(值);
}
});
});

这里重复计算
这里重复计算
这里重复计算
这里重复计算
添加
去除

您可以将多个元素链接到
.find()
中,以便一次将其输出到。将
$(this.parent().find(“.sum”).text(value)
替换为
$(this.parent().find(“.sum、.cal1、.cal2、.cal3、.cal4”)。text(value)
将同时向所有五个元素输出值

或者,您可以简单地将类
sum
添加到每个所需的目标元素中

希望这有帮助!:)

…此外,此代码看起来;)

函数克隆(){
$(this.parents(“.clonedInput”).clone()
.附件(“正文”)
.find(“*”)
.on('click'、'button.clone',clone)
.on('click','button.remove','remove');
}
函数删除(){
$(this.parents(“.clonedInput”).remove();
}
$(“button.clone”)。单击(“单击”,克隆);
$(“button.remove”)。单击(“单击”,删除);
//计算器
$(文档).ready(函数(){
$(“正文”)。关于(“键控更改”,“计算”,函数(e){
var cabwidth=parseFloat($(this).val())| | 0;
var-ply=1.4375;
var值=电缆宽度-铺层;
如果(!isNaN(值)&&value!==无穷大){
$(this.parent().find(“.sum.cal1.cal2.cal3.cal4”).text(值);
}
});
});

这里重复计算
这里重复计算
这里重复计算
这里重复计算
添加
去除

太棒了!这么简单,我以为它不起作用,从来没有尝试过。谢谢太棒了!这么简单,我以为它不起作用,从来没有尝试过。谢谢感谢黑曜石时代,我仍然在用我的数据调整它@黑曜石时代编写了我用于此问题的示例代码。感谢黑曜石时代,我仍在使用我的数据对其进行调整@黑曜石时代编写了我用于此问题的示例代码。