How do you get the td values in each iteration of tr?

Question

This is the table below that I need to iterate.

<tbody>
    <tr>
        <td>1</td>
        <td>Thomas Hill</td>
        <td>4</td
    </tr>
    <tr>
        <td>2</td>
        <td>Greg Hill</td>
        <td>39</td
    </tr>
    <tr>
        <td>3</td>
        <td>Jane Hill</td>
        <td>31</td
    </tr>
</tbody>

I am trying get the first td each and code it like this.

let values = []
cy.get('tbody > tr')
  .find('td')
  .each(($el, $index) => {
     cy.wrap($el)
      .invoke('text')
      .then(num => {
          if($index!==0)
            values.push(num)
          })
       })

Upon searching it, the arrays has no value. I want to get value of the first TD only in each row.

Answer 1

You say that you try to invoke the first Td value, of each row, but you are invoking a command that gets each Td in the code. Here is my suggestion

let values = []
cy.get('tbody > tr')
    .each(($el) => {
        cy.wrap($el)
            .find('td')
            .first()
            .invoke('text')
            .then(num => {
                values.push(num)
            })
    })