javascript - 当 .text(); 时使用 jQuery 更新输入字段变化

Question

我正在将 jQuery 定价计算器与购物车集成。我想在 .text(); 时更新隐藏字段元素的值发生更改。

这是我尝试更新的字段:

<input id="firewall-price" type="hidden" name="price" value="" />

从这里开始:

<div class="orderRow server firewall" contain="firewall" id="">
   <div class="quantity"><span></span></div>
   <div class="name">Firewall</div>
   <div class="price orderPrice">$0</div>
</div>

使用这个 jQuery:

$(document).ready(function(){
   var price = $( ".firewall .price" ).text().substr(1);

   $(price).change(function(){
      $("input[name=firewall-price]").val(price);
   });
});

当号码更改时，我无法获取要更新的输入[name=firewall-price] 的值。我知道这样做有点奇怪，但我只想从计算器中取出最终值并将它们发送到购物车。

这里是开发站点的链接:http://mindcentric.thelabelcreative.com/pricing_calculator/

Answer 1

您不能将更改事件放在 div 上，更不用说字符串了。您所描述的是 MutationEvent，被认为是不好的做法(并且不再受支持)。您可以在这里阅读:https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Mutation_events

相反，您需要 Hook 更改该 div 值的事件/操作。