Question

I running a similar script to this script from fiddle
http://jsfiddle.net/QmTNZ/2/

I tried to modify it to work with my table.

Here is the link to the table on the product page

http://styleso1.nextmp.net/dev/shop/safari-pu-sleeve-jacket.html

I need it to calculate the Qty ( input box, Column 4) X the unit price ( Column 5 ) and show the sum in column 6

How would i modify the JS to do this?

Here is what i have for the JS

$(function(){
function ca(){
    var $overall = 0;

    $("tr.sum").each(function() {

        var $qnt = $(this).find(".qty");
        var $price = $(this).find("td").eq(1);

        console.log($qnt + " | " + $price);

        var sum = parseFloat($price.text()) * parseFloat($qnt.val());

        $(this).find(".a-center1").text(sum);

        $overall += sum;

    });

    $("#total").text($overall);
}

$(function() {

    ca();
    $('input.qty').bind('change keyup',function(){ca();});

});

Any Help would be very appreciated

Answer 1

Try this

  $("tr.sum").each(function() {

        var $qnt = $(this).find(".qty");
        var $price = $(this).find("td:eq(4)").find('.price');

        console.log($qnt + " | " + $price);
        var pri = $price.text();
            pri = pri.replace('$', '');
        var sum = parseFloat(pri) * parseFloat($qnt.val());

        $(this).find("td").eq(5).text('$' + sum);

        $overall += sum;

    });
    $("#total").text('$' +$overall);

Check Fiddle