Javascript 避免在商业相关产品中反映选定的变动计算价格

此问题基于。
我有一些代码可以在单个产品页面上显示基于用户输入的计算价格。问题是，计算出的价格也适用于页面底部的相关产品。它们的价格设置为与正在查看的产品相同
我认为问题在于行$（'.price'）.html（total_pris+'，-）；其中，“.price”也适用于相关产品。如何修复此问题？

我的代码：

add_action（'woocommerce'在添加到购物车之前，'func_选项\u valgt'
);
函数func_option_valgt（）{
全球$产品；
如果（有术语（'endene'，'product'u cat'））{
$variations_data=[]；//初始化
//循环浏览变量数据
foreach（$product->获取可用的变量（）作为$VARIANCE）{
//在数据数组中为每个变体ID设置相应的价格（在jQuery中使用）
$variations_data[$variations['variations_id']]=$variations['display_price']；
}
?>
jQuery（函数（$）{
var jsonData=，
inputVID='input.variation_id'；
$（'input，#id#dropdown#U one#U end，#id#dropdown#U other#U end'）。更改（函数（）{
如果（“”！=$（inputVID.val（））{
var vid=$（inputVID）.val（），//变量ID
长度=$（“#绳索长度”）.val（），//长度
直径=$（“#直径”）.val（），//直径
ene_enden=$（“#id_下拉列表_one_end”）.find（'option:selected'）.attr（“value_one_end”），
andre_enden=$（“#id_dropdown_other_end”）.find（'option:selected'）.attr（“value_other_end”），
vprice=''；//初始化
//通过变量ID/价格对进行循环
美元。每个（jsonData，函数（索引，价格）{
如果（索引==$（inputVID）.val（））{
vprice=price；//正确的变动价格
var ene_enden_conv=数字（ene_enden）；
var andre_enden_conv=编号（andre_enden）；
var rope_price=（长度*价格）+ene_enden_conv+andre_enden_conv；
var总价值=绳索价格；
如果（价格！=0）{
$（'.price'）.html（总价格+'，-）；
}
}
});
}
});
});
为了避免更新相关产品的价格，您只需做一些小的更改：

$('.price').html(total_pris+',-');

作者：

这应该可以解决您的问题。
谢谢您的帮助：）代码中的>具体做什么？
$('.price').html(total_pris+',-');

$('.woocommerce-variation-price > .price').html(total_pris+',-');