从表的每一行中获取前三个<td>的文本cheerio

问题描述

我想遍历每个 TR ，然后使用cheerio（https://cheerio.js.org/）将来自特定 TD 的数据添加到新对象。每行包含名称，时间戳和位置的数据。我需要将这些数据中的每一个添加到我的对象中。

文档中提到：

.get（[i]） 检索与Cheerio对象匹配的DOM元素。如果指定了索引，则检索与Cheerio对象匹配的元素之一

这是我可以使用的东西吗？

---

码：

my_object: { number: tracking_number,checkpoints: [] }

$('.table-readonly.table-cargo-flow-road>tbody>tr').each((i,el) => {

  // Here we have access to each TR element. How do I get a specific **TD element** here?
  // pesudo code

  my_object.checkpoints.push({status: $(el).get(0).text(),location: $(el).get(2).text(),timestamp: $(el).get(1).text()})
})

---

刮板返回的数据：

  <div role="tabpanel" class="tab-pane active" id="cargo-flow-status">
   <table class="table-readonly table-cargo-flow-road">
    <thead>
    <tr>
        
        <th class="table-readonly__head-item statusname"
            data-tooltip-ellipsis data-title="Status Event">Status Event</th>
        <th class="table-readonly__head-item statusdatetime"
            data-tooltip-ellipsis data-title="Date Time">Date Time</th>
        <th class="table-readonly__head-item statuslocation"
            data-tooltip-ellipsis data-title="Location">Location</th>
        <th class="table-readonly__head-item exception"
            data-tooltip-ellipsis data-title="Exception">Exception</th>
        <th class="table-readonly__head-item remarks"
            data-tooltip-ellipsis data-title="Remark">Remark</th>
    </tr>
    </thead>

    <tbody>
    <tr>
        
        
        <td class="table-readonly__cell t-statusname statusname"
            data-tooltip-ellipsis data-title="Arrived SD OK">Arrived SD OK</td>
        <td class="table-readonly__cell t-statusdatetime statusdatetime"
            data-tooltip-ellipsis data-title="Jun 3,2020 | 3:07 PM">
          Jun 3,2020
          <em>3:07 PM</em>
        </td>
        <td class="table-readonly__cell t-statuslocation statuslocation"
            data-tooltip-ellipsis data-title="Hagen">Hagen</td>
        <td class="table-readonly__cell t-exception exception"
            data-tooltip-ellipsis></td>
        <td class="table-readonly__cell t-remarks remarks"
            data-tooltip-ellipsis data-title="5800004568478">5800004568478</td>
    </tr>
    <tr>
        
        
        <td class="table-readonly__cell t-statusname statusname"
            data-tooltip-ellipsis data-title="Shipment loaded into linehaul">Shipment loaded into linehaul</td>
        <td class="table-readonly__cell t-statusdatetime statusdatetime"
            data-tooltip-ellipsis data-title="Jun 3,2020 | 9:42 PM">
          Jun 3,2020
          <em>9:42 PM</em>
        </td>
        <td class="table-readonly__cell t-statuslocation statuslocation"
            data-tooltip-ellipsis></td>
        <td class="table-readonly__cell t-exception exception"
            data-tooltip-ellipsis></td>
        <td class="table-readonly__cell t-remarks remarks"
            data-tooltip-ellipsis data-title="5800004568478">5800004568478</td>
    </tr>
    <tr>
        
        
        <td class="table-readonly__cell t-statusname statusname"
            data-tooltip-ellipsis data-title="Linehaul Departed">Linehaul Departed</td>
        <td class="table-readonly__cell t-statusdatetime statusdatetime"
            data-tooltip-ellipsis data-title="Jun 3,2020 | 9:51 PM">
          Jun 3,2020
          <em>9:51 PM</em>
        </td>
        <td class="table-readonly__cell t-statuslocation statuslocation"
            data-tooltip-ellipsis data-title="Hagen">Hagen</td>
        <td class="table-readonly__cell t-exception exception"
            data-tooltip-ellipsis></td>
        <td class="table-readonly__cell t-remarks remarks"
            data-tooltip-ellipsis data-title="5800004568478">5800004568478</td>
    </tr>
    <tr>
        
        
        <td class="table-readonly__cell t-statusname statusname"
            data-tooltip-ellipsis data-title="Cartage Truck Departed">Cartage Truck Departed</td>
        <td class="table-readonly__cell t-statusdatetime statusdatetime"
            data-tooltip-ellipsis data-title="Jun 4,2020 | 8:25 AM">
          Jun 4,2020
          <em>8:25 AM</em>
        </td>
        <td class="table-readonly__cell t-statuslocation statuslocation"
            data-tooltip-ellipsis data-title="Langenhagen">Langenhagen</td>
        <td class="table-readonly__cell t-exception exception"
            data-tooltip-ellipsis></td>
        <td class="table-readonly__cell t-remarks remarks"
            data-tooltip-ellipsis data-title="5800004568478">5800004568478</td>
    </tr>
    <tr>
        
        
        <td class="table-readonly__cell t-statusname statusname"
            data-tooltip-ellipsis data-title="Arrival at Delivery Point">Arrival at Delivery Point</td>
        <td class="table-readonly__cell t-statusdatetime statusdatetime"
            data-tooltip-ellipsis data-title="Jun 4,2020 | 9:37 AM">
          Jun 4,2020
          <em>9:37 AM</em>
        </td>
        <td class="table-readonly__cell t-statuslocation statuslocation"
            data-tooltip-ellipsis></td>
        <td class="table-readonly__cell t-exception exception"
            data-tooltip-ellipsis></td>
        <td class="table-readonly__cell t-remarks remarks"
            data-tooltip-ellipsis data-title="5800004568478       ANKUNFT BEIM ZUSTELLORT">5800004568478       ANKUNFT BEIM ZUSTELLORT</td>
    </tr>
    <tr>
        
        
        <td class="table-readonly__cell t-statusname statusname"
            data-tooltip-ellipsis data-title="Delivered to Consignee OK">Delivered to Consignee OK</td>
        <td class="table-readonly__cell t-statusdatetime statusdatetime"
            data-tooltip-ellipsis data-title="Jun 4,2020 | 9:59 AM">
          Jun 4,2020
          <em>9:59 AM</em>
        </td>
        <td class="table-readonly__cell t-statuslocation statuslocation"
            data-tooltip-ellipsis></td>
        <td class="table-readonly__cell t-exception exception"
            data-tooltip-ellipsis></td>
        <td class="table-readonly__cell t-remarks remarks"
            data-tooltip-ellipsis data-title="5800004568478                                               FRAU ALTMANN">5800004568478                                               FRAU ALTMANN</td>
    </tr>
    <tr>
        
        
        <td class="table-readonly__cell t-statusname statusname"
            data-tooltip-ellipsis data-title="POD Available">POD Available</td>
        <td class="table-readonly__cell t-statusdatetime statusdatetime"
            data-tooltip-ellipsis data-title="Jun 4,2020 | 10:12 AM">
          Jun 4,2020
          <em>10:12 AM</em>
        </td>
        <td class="table-readonly__cell t-statuslocation statuslocation"
            data-tooltip-ellipsis></td>
        <td class="table-readonly__cell t-exception exception"
            data-tooltip-ellipsis></td>
        <td class="table-readonly__cell t-remarks remarks"
            data-tooltip-ellipsis></td>
    </tr>
    </tbody>
</table>
                </div>
                <div role="tabpanel" class="tab-pane" id="information-flow-status">
                  <table class="table-readonly table-information-flow-road">
    <thead>
    <tr>
        
        <th class="table-readonly__head-item statusname"
            data-tooltip-ellipsis data-title="Status Event">Status Event</th>
        <th class="table-readonly__head-item statusdatetime"
            data-tooltip-ellipsis data-title="Date Time">Date Time</th>
        <th class="table-readonly__head-item statuslocation"
            data-tooltip-ellipsis data-title="Location">Location</th>
        <th class="table-readonly__head-item exception"
            data-tooltip-ellipsis data-title="Exception">Exception</th>
        <th class="table-readonly__head-item remarks"
            data-tooltip-ellipsis data-title="Remark">Remark</th>
    </tr>
    </thead>

    <tbody>
    <tr>
        
        
        <td class="table-readonly__cell t-statusname statusname"
            data-tooltip-ellipsis data-title="Booking Accepted">Booking Accepted</td>
        <td class="table-readonly__cell t-statusdatetime statusdatetime"
            data-tooltip-ellipsis data-title="Jun 3,2020 | 1:04 PM">
          Jun 3,2020
          <em>1:04 PM</em>
        </td>
        <td class="table-readonly__cell t-statuslocation statuslocation"
            data-tooltip-ellipsis></td>
        <td class="table-readonly__cell t-exception exception"
            data-tooltip-ellipsis></td>
        <td class="table-readonly__cell t-remarks remarks"
            data-tooltip-ellipsis data-title="5800004568478">5800004568478</td>
    </tr>
    <tr>
        
        
        <td class="table-readonly__cell t-statusname statusname"
            data-tooltip-ellipsis data-title="POD URL Available">POD URL Available</td>
        <td class="table-readonly__cell t-statusdatetime statusdatetime"
            data-tooltip-ellipsis data-title="Jun 4,2020 | 11:15 PM">
          Jun 4,2020
          <em>11:15 PM</em>
        </td>
        <td class="table-readonly__cell t-statuslocation statuslocation"
            data-tooltip-ellipsis data-title="Bad Hersfeld">Bad Hersfeld</td>
        <td class="table-readonly__cell t-exception exception"
            data-tooltip-ellipsis></td>
        <td class="table-readonly__cell t-remarks remarks"
            data-tooltip-ellipsis></td>
    </tr>
    <tr>
        
        
        <td class="table-readonly__cell t-statusname statusname"
            data-tooltip-ellipsis data-title="Invoice/Credit Received in KNLogin">Invoice/Credit Received in KNLogin</td>
        <td class="table-readonly__cell t-statusdatetime statusdatetime"
            data-tooltip-ellipsis data-title="Jul 2,2020 | 6:07 AM">
          Jul 2,2020
          <em>6:07 AM</em>
        </td>
        <td class="table-readonly__cell t-statuslocation statuslocation"
            data-tooltip-ellipsis data-title="Hagen">Hagen</td>
        <td class="table-readonly__cell t-exception exception"
            data-tooltip-ellipsis></td>
        <td class="table-readonly__cell t-remarks remarks"
            data-tooltip-ellipsis data-title="075510533">075510533</td>
    </tr>
    </tbody>
  </table>
</div>

解决方法

我找到了答案：

.find（节点） 获取当前匹配元素集中每个元素的后代，并通过选择器，jQuery对象或元素进行过滤。

  $('.table-readonly.table-cargo-flow-road>tbody>tr').each((i,el) => {
      // (el) is each TR element. We then use find and pass in the classname

      $(el).find('.statusname').text()
      $(el).find('.statuslocation').text()
      $(el).find('.statusdatetime').text()
  })