Question

我在网络应用上有2个表格 https://puu.sh/wTMeJ/911d4cc844.png 第一个显示产品ID和产品数量。第二个是展示订购的产品。（不从第一个表中减去有序对象）我需要从第一个表中显示那些没有缺货的行。因此，例如，不应显示前两行。（另外，数据是从数据库插入的，如果这很重要的话）

我尝试了以下jquery来实现这一点，但不成功。它没有效果。不确定如何接近它。

$(document).ready(function(){
Determine();
});

//Determine which products are still in stock and hide them

function Determine() {
    var id1,
        id2,
        sum = 0;
    $("td.ProductID1").each(function(){
        id1 = parseInt($(this).text());
        sum = 0;
        $("td.ProductID2").each(function(){
            id2 = parseInt($(this).text());
            if(id1 == id2){
                sum += parseInt($(this).closest('tr').children('td:nth-child(2)').text());
            }
        }
        );
        if(sum >= parseInt($(this).closest('tr').children('td:nth-child(5)').text())){
            $(this).closest('tr').hide();
        }

    });
}

另外，ProductID1都是包含ID的第一个表的td对象，而ProductID2都是表2中包含id的td对象

编辑：添加HTML data-object-id用于将数据从数据库添加到表

<div class="container">   
<div >
<div data-object-id="dsProducts">

    <div data-items-info class="pull-right"></div>
    <input data-search style="width:250px" class="form-control" placeholder="Filter...">

    <table class="table m-y-1" data-grid>
        <thead>
            <tr>
                <th style="width:32px;"></th>
                <th style="width:110px;" data-field-popup="ProductID" > Product I D</th>
                <th style="width:16%;" data-field-popup="ProductName"> Product Name</th>
                <th style="width:16%;" data-field-popup="Price"> Price</th>
                <th style="width:16%;" data-field-popup="Supplier"> Supplier</th>
                <th style="width:110px;" data-field-popup="Quantity"> Quantity</th>
                <th style="width:110px;" data-field-popup="Storage"> Storage</th>
                <th style="width:32px;" data-excel data-tooltip="Export to Excel"></th>
            </tr>
        </thead>

        <tbody>
            <tr data-repeat data-show-new data-active>
                <td data-selection-cell></td>
                <td class = "ProductID1"><input data-field="ProductID" type="number"></td>
                <td><input data-field="ProductName" type="text"></td>
                <td><input data-field="Price" type="number"></td>
                <td><input data-field="Supplier" type="text"></td>
                <td><input data-field="Quantity" type="number"></td>
                <td><input data-field="Storage" type="number"></td>
                <td data-action-cell></td>
            </tr>
        </tbody>
    </table>

</div>
<div data-object-id="dsOrdersLines" >
    <div data-items-info class="pull-right"></div>



    <div class="table-responsive m-y-1" id = "OrdersLinesTable">
        <table class="table">
            <thead>
                <tr>
                    <th style="width:110px;"> Product I D</th>
                    <th style="width:110px;"> Amount</th>
                </tr>
            </thead>

            <tbody>

                <tr data-repeat data-active>
                    <td data-field="ProductID" class = "ProductID2"></td>
                    <td data-field="Amount" class = "Amount"></td>
                </tr>
            </tbody>
        </table>
    </div>


</div>
</div>
</div>

Jquery根据单元格值显示行

0 个答案: