Question

我有这个html页面，我尝试计算汽车的打捞价格，我有一个带有定价的输入字段，以及一个按钮，我可以动态添加不同的打捞价格计算，使用javascript

    List price: <input type="text" id="listprice"/>
    <input type="button" id="addpricecalc" value="Add"/>
    <div class="pricecalc">
    <input type="text" class="salvagepricepercent"/>
    <input type="text" class="salvageprice"/>
    </div>

因此，每次按下按钮时，都会添加类pricecalc的另一个div，并使用相同的组件。

我遇到的问题是尝试使salvagepricepercent和salvageprice字段相互依赖（每次更改，其他更改相应），并动态添加div。当我只使用1 pricecalc时它工作正常，但是当我添加一秒时它不再起作用。

我将如何继续使用jQuery解决这个问题。我认为我必须使用嵌套选择器，并将jquery计算函数分配给动态添加的组件。

Answer 1

我建议您使用的方法是在输入字段中添加动态更改事件（.live非常适用于此），在事件处理程序中，您可以通过遍历父级和从中找到匹配字段在那里寻找兄弟姐妹的班级名称。

你可以使用这样的东西（未经过测试，可能还有一些语法被破坏）：

$(".salvagepricepercent").live("change",function() { 
 var priceField = $(this).parent().find(".salvageprice");
 //do your calculation here, something like:
  priceField.val(priceField.val() * $(this).val() / 100);
});

反过来......

动态添加组件上的jQuery嵌套选择器

1 个答案: