javascript - 将特定表格单元格放入数组

Question

我在下面有一个包含产品的表格。但是，我只想将每一行的前 4 个单元格作为数组插入。所以数组将是 [1, Adidas, 2 , $100, 2, Nike, 1 , $50]

Product ID | Product Name | Qty | Price |
     1     |    Adidas    |  2  | $100  | Delete btn
     2     |    Nike      |  1  | $50   | Delete btn

我试着找出这个 jquery 代码，但是，它将每一行的所有 td 插入到数组中，这不是我想要的。

如何修改这组代码以只插入前 4 个单元格并排除最后一个单元格？谢谢。

$("#checkoutList > tbody > tr").each(function () {
                               var arrayOfThisRow = [];
                               var tableData = $(this).find('td');
                               if (tableData.length > 0) {
                                   tableData.each(function () { arrayOfThisRow.push($(this).text()); });
                                   myTableArray.push(arrayOfThisRow);
                               }
                           });

Answer 1

使用 jQuery each()和 map()生成数组的方法。要排除最后一列，请使用 :not() 的组合和 :last-child伪类选择器。

// array for result
var res = [];
// iterate over the tr
$("table > tbody > tr").each(function() {
  // push the content array to `res`
  res.push(
     // get all td except last and generate content array
     $('td:not(:last-child)', this).map(function() {
        // get content and trim
        return $(this).text().trim();
        // get the result as an array
     }).get()
  );
});

var res = [];

$("table > tbody > tr").each(function() {
  res.push($('td:not(:last-child)', this).map(function() {
    return $(this).text().trim();
  }).get());
});

console.log(res);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <thead>
    <tr>
      <td>
        Product ID</td>
      <td>Product Name</td>
      <td>Qty</td>
      <td>Price</td>
      <td>Price</td>
  </thead>
  <tbody>
    <tr>
      <td>
        1</td>
      <td>Adidas</td>
      <td>2</td>
      <td>$100</td>
      <td>Delete btn</td>
    </tr>
    <tr>
      <td>
        2</td>
      <td>Nike</td>
      <td>1</td>
      <td>$50</td>
      <td>Delete btn</td>
    </tr>
  </tbody>
</table>