Jquery: получить значение из динамического атрибута

Question

Я добавляю значение общей суммы в DIV через вызов jQuery Ajax каждый раз, когда добавляю новый элемент в корзину. Мне нужно, чтобы это значение было частью вычисления разности (payment-totalAmount), но у меня проблемы с получением значения totalAmount.

Я устанавливаю общую сумму в функции под названием SetTotalAmount, а затем пытаюсь получить значение из тега DIV в submitPayment actionevent:

<script type="text/javascript">
$(document).ready(function(){

    $("#submitPayment").click(function(){
        var paymentAmount = $("#paymentAmount").val();
        var totalAmount = $("#totalTillAmount").val();
        var difference = (paymentAmount-totalAmount);

        $("#paymentTillAmount").html("betalt: "+paymentAmount);
        //$("#totalTillAmount").html("total: "+totalAmount);

        $("#difference").html("Tilbage: "+difference);

        $("#paymentInfo").show('slow');

    });

});


function SetTotalAmount()
{
    $.post("Controller/TillController.php?action=3", 
            function(data)
            {
                $("#totalAmount").html(data);
                $("#totalTillAmount").html(data);
            }
    );
}
</script>

Answer 1

Может потребоваться разобрать строки перед выполнением вычислений:

var paymentAmount = parseFloat($("#paymentAmount").text());
var totalAmount = parseFloat($("#totalTillAmount").text());

Кроме того, поскольку #totalTillAmount является div, вам может понадобиться использовать функцию text вместо val (которая используется для input элементов), чтобы прочитать ее содержимое. .