Javascript函数不适用于divid.blur

我在这里遇到了一个情况，我需要使用javascript根据输入计算税收……以下是代码：

PHP代码：

<tr>
              <td colspan="2" class="blank"> </td>
              <td colspan="2" class="total-line">Subtotal</td>
              <td class="total-value"><div id="subtotal">$0.00</div></td>
          </tr>
                     <tr>
              <td colspan="2" class="blank"> </td>
              <td colspan="2" class="total-line">Tax(%)</td>

              <td class="total-value"><textarea id="txp">0.00</textarea></td>
          </tr>
                    <tr>

              <td colspan="2" class="blank"> </td>
              <td colspan="2" class="total-line">Taxes</td>
              <td class="total-value"><div id="tax">$0.00</div></td>
          </tr>

但是这个功能不起作用…有人能帮我解释一下为什么这个功能不起作用吗

提前感谢

更改

<td class="total-value"><div id="subtotal">$0.00</div></td>

现在，当页面完全加载时，代码开始执行。我将$-符号从div中移走，并将div更改为span inline。因此，$和value出现在同一行

---

在乘法函数中，我使用parseFloat将任何字符串转换为浮点。可以使用jQuery val检索textarea中的内容，也可以使用text检索span的内容。同样在函数中，您使用txp作为选择器，它将引用名为txp的节点。将其更新为txp以选择id为txp的元素。

需要更多信息。事件绑定在何处/何时？控制台中有错误消息吗？我猜您的税务箱中有一个NaN？请详细说明该功能不起作用。。。

<td class="total-value"><div id="subtotal">$0.00</div></td>

<td class="total-value">$<span id="subtotal">0.00</span></td>

 $(document).ready(function(){
   function update_tax() {
       var txc = parseFloat($("#txp").val()) * parseFloat($("#subtotal").text()) / 100;
       $("#tax").html("$"+txc);
    }
    $("#txp").blur(update_tax);
  });