Question

我有一张桌子，我正在尝试做一个定价清单，自动计算税收组件..

我从price_1获取值，应用数学校准，并将其保存到tax_1。我可以读取id结尾的编号，但希望jQuery有一个更简洁的方法。

E.g。我会有很多像......这样的领域。

price_1
price_2
price_3
tax_1
tax_2
tax_3等......

我可以使用以下代码在更改价格时调用jQuery，并获取该价格的值。如何更新旁边的纳税字段？我应该使用兄弟选择器吗？

$('#pricing').delegate("input", "change", function(){

  $(this).val() /* the value of the price */; 

})

Answer 1

如果您说的价格旁边有税号字段，则可以使用 next() 来选择。如果你发布你的HTML也会更好。

Answer 2

我需要一些HTML来提供更好的答案，但你要求的却非常简单。

$(document).ready(function() {
    $(".price").blur(function() {  // when the price input loses focus
        var price = $(this).val();     
        var tax = price * 1.15; // use whatever formula you need here, this is for Mexico.
        $(this).next().val(tax);
    }
});

这当然是假设有一个输入显示每个价格输入旁边的税额。如果您决定使用标签或跨度，只需将$(this).next().val(tax);更改为$(this).next().text(tax);

即可

Answer 3

这取决于你的dom结构，但通常你可以有类似

的东西

var commonParent = 'tr'; // a common parent for finding related nodes

$('#pricing').delegate("input", "change", function(){

  var val = $(this).val() /* the value of the price */; 
  var tax = val;

  $(this).parents(commonParent).find('input[name=*tax]').val(tax);
})

jQuery兄弟选择器？

3 个答案: