Question

我有一个html表

<table id="tblProduct" class="table table-bordered">
    <thead>
        <tr> 
            <form action="" method="post"> 
                <td><input type="hidden" class='hidenFeild' name="id" value="<?php echo $product_ids; ?>" /></td>
                <td><?php echo $odr; ?></td>
                <td><?php echo $rows_pro['product_title']; ?></td>
                <td><span class="fa fa-gbp"></span><?php echo $rows_pro['amount']; ?></td>
                <td><input type="text" name="quantity" id="spinner<?php echo $rows_shopings['product_id']; ?>" class="spinnerExample"/></td>
                <td>
                    <button type="submit" onclick="return confirm('Are you sure you want to delete?');" class="btn btn-primary" name="btn_dlt">
                        <i class="fa fa-trash icon-white"></i> Delete
                    </button>
                </td>
            </form>
        </tr>
    </thead>
    <tbody>
        ...

我在表格中有多个产品，我必须得到第一个具有产品数量的td和td的值。

我到目前为止所尝试的是：

$('#tblProduct > tbody  > tr').each(function() {

    $('input[type="hidden"][name="id"]').each(function() {
        alert($(this).val());
    });

    $('input[type="text"][name="quantity"]').each(function(){
        alert($(this).val());                                       
    });

});

但我没有得到理想的结果。任何人都可以帮助我吗？

Answer 1

您的代码中缺少一些东西，我已修改您的代码以遍历表格并列出所有产品详细信息。

JQUERY CODE：

  $('#tblProduct > tbody tr').not(':last').each(function(index) {
     var value = $(this).find('input[type="hidden"][name="id"]').val();
     var qty =   $(this).find('input[type="text"][name="quantity"]').val(); 
     console.log("Value:"+ value +", Quantity:"+ qty);
  });

注意：上述脚本将忽略最后一行

Live Demo @ JSFiddle

遍历表行以获取其两个TD的值

1 个答案: