javascript - 4个不同值Js的总和

Question

我正在尝试计算4个不同值的总和，它们都是使用dom中的数据标签计算的，但是我不知道如何获取它们四个值的总和，这是我的函数。

    function calculateUserPricing(initialValues: boolean) {
    var displayElements = ["jsSuperUser", "jsUser", "jsResourceUser", "jsRessource"];
    for (var i in displayElements) {
        var element = $("div." + displayElements[i]);
        var quantity = parseFloat(element.data("price"));
        var users;
        var total;
        if (initialValues) 
            users = parseInt(element.data("users"));
        else 
            element.find(".jsDisplayPrice").text(currencySymbol + " " + $.formatNumber(quantity * users, lineCurrencyFormat));  
    }     
        for (var i in displayElements) {
            total += $(displayElements[i]);
            element.find(".jsDisplayTotal").text(currencySymbol + " " + $.formatNumber(total, lineCurrencyFormat));        
    }
}

最后一点是我尝试获取该值，但没有成功..

这是 html，每个显示其自身总值(value)的元素如下所示，有 4 个这样的框，我需要它们的总和 这是被归类为“jsDisplayTotal”的一个，显示各个框的本地总计，它们看起来都像这个:

        <div class="container jsRessource" int:title="Ressource" data-price="{../@resource-sys}"
            data-users="{@resources}">
            <div class="box boxSmTxt">
                <xsl:text><int:text>Ressource</int:text></xsl:text>
            </div>
            <div class="boxLgTxt">
                <xsl:value-of select="@resources" />
            </div>
            <span class="prMnd">
                <xsl:value-of select="../@resource"></xsl:value-of>
                <xsl:text> <int:text>/ måned</int:text></xsl:text>
            </span>
            <div class="priceBox">
                <span class="price">
                    <span class="prMnd">
                        <span class="jsDisplayPrice" id="resourcePrice">
                        </span>
                        <xsl:text> <int:text>i alt</int:text></xsl:text>
                        <br/>                       
                        <xsl:text><int:text>Totalsum:</int:text> </xsl:text>
                        <span class="jsDisplayTotal"></span>
                    </span>
                </span>
            </div>
        </div>

编辑:值得注意的是，这四个值(价格)存储在每个“.jsDisplayPrice”div 中，该 div 显示该特定价格类别的总和，但是必须添加所有这四个价格合计起来就是一个总和。

编辑2:尝试了一些东西，但它不起作用，只是打印出0，任何反馈将不胜感激，代码示例如下:

 var totalElement = $('.jsDisplayTotal');
    function calculateTotal() {
        var total = 0;
        $('.jsDisplayPrice').each(function() {
            total += parseInt($(this).val());
        });
        totalElement.text(currencySymbol + " " + $.formatNumber(total, lineCurrencyFormat));
    }
    calculateTotal();

其工作原理的结构示例:

这是我试图将其总数合并为总和的 4 个用户类别之一

第一个大数字是用户数量，下面的数字“19”是一个静态数字，该类别的每个用户将花费多少钱，下一行是该特定类别的当前总价格，价格为 *数量，这是 jsDisplayPrice .div 最后一行应该是这个特定类别的总和，还有 3 个组合，即所有 4 个用户类别的总和。

感谢您的阅读。

Answer 1

尝试:

var total = 0;
for (var i in displayElements) {
    var element = $("div." + displayElements[i]);
    var quantity = parseFloat(element.data("price"));
    var users;
    total += quantity;
}
element.find(".jsDisplayTotal").text(currencySymbol + " " + $.formatNumber(total, lineCurrencyFormat));