如何使用JQuery模板查询dom元素ID？

Question

我想用一个内联表达式或函数来操纵JQuery模板上的值。 我在选择元素时遇到麻烦，以便抓住它们的值来执行这些任务。 这是代码：

<td class="currency">
            <span id="discounted_amount">${Globalize.format(DiscountAmount, "c2")}</span>
        </td>
        <td class="currency">
            <span id="totalAmt">${Globalize.format(InvoiceAmount, "c2")}</span>
        </td>

我试图从根本上评估Discounted_amount，如果有一个值，将其从totalAmt中减去。 我想在客户端上执行此操作，而无需任何其他ajax调用。 我已经看到了一些这样的示例，其中人们使用了{{if}} {{else}} {{/ if}}或{{html somefunction（）;}}。 我自己还没有成功。 这是我想调用的函数，或者是基于最适合jquery模板实现的东西的类似结构。

function calculateDiscountedTotal() {
        var discountedAmount = $('#discounted_amount').val();
        var totalAmt = $('#total_amount').val();
        var discountedTotal = function () {
            return totalAmt - discountedAmount;
        }
        return discountedTotal();
    }

Answer 1

我不确定您使用的是哪种模板系统，但看起来您想要元素文本而不是值。 值保留用于输入元素。

var discountedAmount = parseInt($('#discountered_amount').text());

Answer 2

function calculateDiscountedTotal() {
        var discountedAmount = parseInt( $('#discounted_amount').text());
        var totalAmt = parseInt($('#totalAmt').text());
        var discountedTotal = function () {
            return totalAmt - discountedAmount;
        }
        return discountedTotal();
    }
    console.log(calculateDiscountedTotal());
});`enter code here`