Как выполнить динамический расчет в столбце HTML-таблицы при нажатии кнопки в другой таблице

Question

Примечание: в таблице три столбца, а именно myTable, в котором есть элемент, плюс и кнопка минус, в основном, я хочу выполнять вычисления в другой таблице, а именно в tablefinaldata, когда я нажимаю кнопку «плюс» в myTable, этот конкретный элемент должен добавить в tablefinaldata (я ужесделал это). Но всякий раз, когда я снова добавляю этот конкретный элемент, он не будет занимать новую строку, а будет постепенно увеличивать количество.

<table class="table table-responsive table-hover table-bordered" id="myTable">
        <thead>
            <tr>
                   <td>
                                        <h5> Code</h5>
                                    </td>
                                    <td >
                                        <h5>Item </h5>
                                    </td>
                                    <td>
                                        <h5> Price</h5>
                                    </td>
                                    <td>
                                        <h5> Quantity</h5>
                                    </td>
                                </tr>
                            </thead>
                            <tbody id="setdata">
                            </tbody>
                            </table>
   //tablefinalda
<table class="table table-responsive table-hover table-bordered" id="tablefinaldata">
                                    <thead>
                                        <tr ><td>
            <h5> Code</h5>
        </td>
                                    <td>
                                        <h5> Item</h5>
                                    </td>
                                    <td>
                                        <h5> Price</h5>
                                    </td>
                                    <td>
                                        <h5> Quantity</h5>
                                    </td>
                                        </tr>
                                    </thead>
                                    <tbody id="tablefinalbody">

                                    </tbody>
                                </table>

    //Scripting
function addItem(val, name) {

      var table2 = $("#setfinaldata");
                table2.empty();
                var Newdata = "<tr>" +
                "<th>" + val + ";</th>" +
                "<th>"+ name +";</th>" +
                "<th>1;</th>"
                + "</tr>";
                var a1 = new Array();
                a1 = Newdata.split(";");
                var markup = "<tr><th>"+a1[0].toString()+"</th><th>"+a1[1].toString()+"</th><th>"+a1[2].toString()+"</th></tr>";
                $("#tablefinalbody").append(markup);

                //table2.append(Newdata);
                //table2.append(tr);

            }

Answer 1

Я решил свою проблему. Тогда, если у кого-то есть проблема такого типа, значит, решение здесь:

function addItem(val, name) {

        var qty = parseFloat($('#tablefinaldata tr:contains(' + val + ')').find("#itemqty").html());
        var UnitPrice = parseFloat($('#tablefinaldata tr:contains(' + val + ')').find("#itemqprice").html());

        if ($('#tablefinaldata th:contains(' + val + ')').length) {


            //alert(qty);
            var addqty = qty + 1;
            $('#tablefinaldata tr:contains(' + val + ')').find("#itemqty").html(addqty);
            PriceSum(UnitPrice,addqty);



            }
            else {
            var table2 = $("#setfinaldata");
            table2.empty();
            var Newdata = "<tr>" +
            "<th>" + val + "</th>" +
            "<th>" + name + "</th>" +
            "<th id='itemprice'>1</th>"
            + "<th id='itemqty'>1</th>"
            + "</tr>";
            $("#tablefinalbody").append(Newdata);

        }



        //var a1 = new Array();
        //a1 = Newdata.split(";");
        //var markup = "<tr><th>"+a1[0].toString()+"</th><th>"+a1[1].toString()+"</th><th>"+a1[2].toString()+"</th></tr>";


        //table2.append(Newdata);
        //table2.append(tr);

    }