jquery - 在 .html() 中使用 .html() 和 jquery

Question

有一点计算：

$('.sum-value').html(
    ($('.one-value').html()) * ($('.another-value').html())
    );

想计算出.one-valueand .another-value。这些值是具有相应类的 html 跨度内的数字。因此，如果我回显这两个，我会得到一个数字。并将总和添加到.sum-value。

这是可能的还是我必须转储.one-value到. 实际上它不起作用，但我在控制台中也没有错误。.another-valuevar

有什么建议么？

Answer 1

我建议：

$('.sum-value').text(function(){
    var v1 = parseFloat($('.one-value').text()) || 0,
        v2 = parseFloat($('.another-value').text()) || 0;
    return v1 * v2;
});

我们使用parseFloat()是因为我们想使用value属性中包含的数字，并且我们不能确定它是一个整数（在这种情况下parseInt()会更合适）。

我们还|| 0用来保证有一个数字（例如，如果element为空或包含非数字值）。

参考：

• parseFloat().
• text().

Answer 2

将它们转换为数字

 $('.sum-value').html(
 parseInt($('span.one-value').text()) * parseInt(($('span.another-value').text()))
);

小提琴。

Answer 3

尝试这个：

$('.sum-value').text(parseInt($('.one-value').text()) * parseInt($('.another-value').text()));

Answer 4

$('.sum-value').html(function () {
    var n1 = parseFloat($.trim($('.one-value').text()));
    var n2 = parseFloat($.trim($('.another-value').text()));
    return n1 * n2;
});