jquery - 转换 div 内的文本

Question

我有一个包含金额的行项目表，用户可以选择或取消选择项目。I have an element on the page that when a change occurs in the selection(s), a total is computed for the selected items.

这是我的函数对值求和的样子。

function ComputeTotalPayment() {
    var sum = 0;

    $.each($("[id^='payment-amount-']"), function () {
        //...compute sum here
    });

    if ($('amount-total'))
        $('#amount-total').text('$' + sum.toFixed(2));  //display
}

当我更改amount-total（a div）的文本时，有没有办法让数字从旧值淡入新值？

Answer 1

像这样的东西？：

$("#amount-total").fadeOut(function(){ $(this).text("test").fadeIn(); })

Answer 2

更改文本后，您可以先淡出文本，然后更改内容，然后将其淡入

Answer 3

您可以克隆 dom 对象，将其放置在与旧对象相同的位置，然后在淡入新对象的同时淡出旧对象，然后删除旧对象。