獲取行單擊表中的隱藏列值

我有一個包含四列的表。前兩列是隱藏的。我想獲得行點擊的第二列和第三列的值。我可以使用下面的代碼獲取第三列的值。但是我怎樣才能得到隱藏列的價值？獲取行單擊表中的隱藏列值

$('body').on('click','#item-grid table tbody tr', function() { 
    $('#PurchaseOrder_supplier_name').val($(this).children(':nth-child(3)').text()); 
});

下面是表html。

<table class="table table-bordered table-condensed table-hover table-striped dataTable"> 
    <thead> 
    <tr> 
     <th id="item-grid_c0" style="display:none">Supplier ID</th> 
     <th id="item-grid_c1" style="display:none">Supplier ID</th> 
     <th id="item-grid_c2"><a href="/builders_common/index.php?r=purchase/purchase/multipurchaseorderdetailview&amp;PurchaseOrder%5Bvoucher_no%5D=12&amp;PurchaseOrderDetails%5Bpurchase_voucher_no%5D=12&amp;PurchaseOrderDetails%5Bproject_id%5D=45&amp;PurchaseOrderDetails%5Bitem_id%5D=79&amp;ajax=item-grid&amp;sort=supplier" 
     class="sort-link">Supplier</a> 
     </th> 
     <th id="item-grid_c3"><a href="/builders_common/index.php?r=purchase/purchase/multipurchaseorderdetailview&amp;PurchaseOrder%5Bvoucher_no%5D=12&amp;PurchaseOrderDetails%5Bpurchase_voucher_no%5D=12&amp;PurchaseOrderDetails%5Bproject_id%5D=45&amp;PurchaseOrderDetails%5Bitem_id%5D=79&amp;ajax=item-grid&amp;sort=item" 
     class="sort-link">Item</a> 
     </th> 
     <th id="item-grid_c4"><a href="/builders_common/index.php?r=purchase/purchase/multipurchaseorderdetailview&amp;PurchaseOrder%5Bvoucher_no%5D=12&amp;PurchaseOrderDetails%5Bpurchase_voucher_no%5D=12&amp;PurchaseOrderDetails%5Bproject_id%5D=45&amp;PurchaseOrderDetails%5Bitem_id%5D=79&amp;ajax=item-grid&amp;sort=rate" 
     class="sort-link">Rate</a> 
     </th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr class="odd selected"> 
     <td style="display:none"> 
     <input type="hidden" id="ProjectPurchaseOrderSupplierwise_item_id_5" name="ProjectPurchaseOrderSupplierwise[item_id_5]" value="79" class="gridfield"> 
     </td> 
     <td style="display:none"> 
     <input type="hidden" id="ProjectPurchaseOrderSupplierwise_supplier_id_5" name="ProjectPurchaseOrderSupplierwise[supplier_id_5]" value="14" class="gridfield"> 
     </td> 
     <td>General</td> 
     <td>Cement</td> 
     <td> 
     <input type="text" id="ProjectPurchaseOrderSupplierwise_rate_5" name="ProjectPurchaseOrderSupplierwise[rate_5]" value="50.00" readonly="readonly" class="gridfield"> 
     </td> 
    </tr> 
    </tbody> 
</table>

來源

2016-01-13 user1690835

'.VAL（$（本）。兒童（'：nth-child（3）'）。text（））'？爲什麼.val（）？ –

@Vitorinofernandes我將這個值賦給一個字段。 – user1690835

嘗試像下面。

$('body').on('click','#item-grid table tbody tr', function() { 
    $(this).find('td:eq(1) input').val(); // 2nd column 
    $(this).find('td:eq(2)').text(); // 3rd column 
});

來源

2016-01-13 10:45:58 Azim

$('#PurchaseOrder_supplier_name').val($(this).children(':nth-child(3):visible').text());

來源

2016-01-13 10:44:40 saikumar

您可以使用以下兩者之一：eq（）選擇器或：nth-child（）選擇器。

https://api.jquery.com/nth-child-selector/

https://api.jquery.com/eq-selector/

點此 Example code with your HTML

要獲得通過索引特定的細胞，可以使用：

$(this).find('td:nth-child(2) input').val(); // 2nd column 

$(this).find('td:eq(1) input').val(); // 2nd column 

$(this).find('td:nth-child(3)').text(); // 3rd column 
$(this).find('td:eq(2)').text(); // 3rd column

來源

2016-01-13 11:36:11 yukti

獲取行單擊表中的隱藏列值

回答

相關問題