jquery - jQuery - 根据数量减去单价

Question

我想要实现的目标：
我想从：
<span class="item_price cd_price">0.53</span>
当输入：
<input type="text" value="50" class="item_Quantity cd_quantity">
大于 100 时减去 0.09。

我试过的：

$('.cd_quantity').blur(function(){
       if ( $(this).val() >= 50 && $(this).val() <= 99 ) {
         $('.cd_price').text('0.53')
       }
       if ( $(this).val() >= 100 && $(this).val() <= 199 ) {
         $('.cd_price').text('0.44')
       }
    })

尽管所有这些都是替换跨度的内容。而且我对查询的总和不太了解。

提前谢谢各位！

Answer 1

如果数量变回 100 以下，您将需要一种方法来安全地获取数量后的商品价格。

有这样的标记：

<span class="item_price cd_price" data-item_price="0.53"></span>

<input type="text" value="50" class="item_Quantity cd_quantity">

和你的 javascript：

$(".cd_quantity").on("keyup", function() {
    var item_price = $(".cd_price").data("item_price");
    var discount = 0;

    if (this.value > 100) discount = 0.09;
    $(".cd_price").text((item_price - discount).toFixed(2));
}).trigger("keyup");​

演示：http: //jsfiddle.net/MpBXY/

Answer 2

按照您的任务，可以按如下方式完成：

$(".cd_quantity").on("blur", function() {
    if (this.value > 100) {
        $(".cd_price").text(function(i, val) {
            return (val - 0.09).toFixed(2);
        });
    }
});​

演示：http: //jsfiddle.net/GSTcR/