獲取jQuery陣列中的表行ID和值-有解無憂

在我的 Web 應用程式中，我創建了一個表格來向表格顯示一些專案。在表格中，有九列，最后一列有一個可編輯的單元格。

獲取 jQuery 陣列中的表行 ID 和值

第一列包含與 Part No 記錄相關的 Part_Id，并且該欄位被隱藏。因此，我想在“新訂單數量”列中獲取所有不包含空值的 Id 和資料，并將所有值傳遞給控制器??。

因此，在Create Order按鈕單擊事件中，我嘗試呼叫此函式來獲取 Id 和 Order Qty 并將它們添加到陣列中。但只有第一條記錄會進入陣列。有沒有辦法只獲取包含New Order Qtyto 陣列中的值的記錄以將其傳遞給控制器??？

function createOrder() {

  var Orders = new Array();
  $("#tblParts").each(function() {

    var order = {};
    var partId = this.getElementsByTagName("td")[0];
    var pID = partId.innerText;
    var cellOrder = this.getElementsByTagName("td")[8];
    var cellOrderId = cellOrder.innerText;
    order.Id = pID;
    order.OrderQty = cellOrderId;
    Orders.push(order);

  });
}

uj5u.com熱心網友回復：

ID 必須是唯一的
你有 jQuery，使用它

const Orders = $("#tableId tbody tr").filter(function() {
  const cells = $(this).find("td");
  return cells.eq(8).text().trim() != ""
}).map(function() {
  const cells = $(this).find("td");
  return {
    [cells.eq(0).text().trim()]:  cells.eq(8).text()
  }
}).get()

console.log(Orders)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="tableId">
  <thead>
    <tr>
      <th>ID</th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th>QTY</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>ID 1</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td>32</td>
    </tr>
    <tr>
      <td>ID 2</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>ID 3</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td>23</td>
    </tr>

  </tbody>
</table>

轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/422565.html

標籤：

上一篇：Bootstrap4.5（而不是4.0）從Modal內部打開Modal

下一篇：jQuery提取選擇器陣列索引