JQuery Templateでdom要素IDを照会する方法は？

Question

おそらくインライン式や関数を使って、JQueryテンプレートの値を操作したいと考えています。私はこれらのタスクを実行するために値を取得するために要素を選択するのに問題があります。私は基本的にdiscounted_amountを評価しようとしている

<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> 

、および値がありますならば、totalAmtからそれを減算する：ここではコードです。これ以上のajax呼び出しをせずにクライアントでこれを行いたいと思います。 {{if}} {{else}} {{if/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`