根据其他 2 个 div 上的文本动态更改一个 div 中的文本答案

【问题标题】：change text in one div dynamically based on text on other 2 divs根据其他 2 个 div 上的文本动态更改一个 div 中的文本
【发布时间】：2013-03-04 15:04:18
【问题描述】：

我有三个 div。数量、价格和成本。成本只是价格*数量的乘积。

<div class="qty">1</div>
<div class="price">49</div>
<div class="cost"><div>

<div class="add">ADD</div>

然后我有一个增加数量值的添加按钮。

jQuery

$('.add').on('click',function(){
        $('.qty').text(parseInt($('.qty').text()) + 1);
});

现在我想在“成本”div 中添加一个文本，即 qty*price。这应该随着数量的变化而动态变化。这个应该怎么做？？

【问题讨论】：

这似乎与您已经在做的非常相似。你有尝试过吗？也许您可以发布该代码以及它是如何失败的。
并使用radix with parseInt()。

标签： jquery

【解决方案1】：

$('.add').on('click',function(){
        $('.qty').text(parseInt($('.qty').text()) + 1);
        $('.cost').text(parseInt($('.qty').text()) * parseInt($('.price').text());
});

【讨论】：

【解决方案2】：

如果更改qty 的唯一方法是按add，那么将成本更新更改代码放在那里很简单：

$('.add').on('click',function(){
     var qty = parseInt($('.qty').text()) + 1,
         price = parseInt($('.price').text());
     $('.qty').text(qty);
     $('.cost').text(qty * price);
});

如果您打算添加一个remove 按钮，那么您应该创建一个单独的更新函数：

$('.add').on('click',function(){
    $('.qty').text(parseInt($('.qty').text()) + 1);
    update_cost();
});
$('.remove').on('click',function(){
    $('.qty').text(parseInt($('.qty').text()) - 1);
    update_cost();
});

var update_cost = function() {
    var qty = parseInt($('.qty').text()),
        price = parseInt($('.price').text());
    $('.cost').text(qty * price);
}

【讨论】：