用Cheerio在嵌套表td中获取div文本

Question

Using Cheerio and axios, I am trying to get the text "Version" and "1.7.0" from the divs inside nested tds in a table from a vscode marketplace page

I have tried this and a bunch of other ways to pinpoint the div text at the bottom but I'm not sure that I'm addressing it correctly. I am unsure where to start to get the nested elements inside the table, and I am pretty confused. Any help on the surely simple problem is appreciated.

const cheerio = require('cheerio');
const axios = require('axios');

const url = "https://marketplace.visualstudio.com/items?itemName=bloumbs.borders-dark"

axios.get(url).then((response) => {
   const $ = cheerio.load(response.data)

   // With this I get no response:
   $('.ux-table-metadata > tbody > tr > td > div').each(() => {
      console.log($(this).text());
   });

   // And with this method, it return "null"
   let version = $('.ux-table-metadata tbody tr td div').html($.versionText)
   console.log(version)
})

This is the section of html I'm working with:

<div class="ux-section-other">
  <h3 class="itemdetails-section-header right">More Info</h3>
  <div>
    <table class="ux-table-metadata">
      <tbody>
        <tr>
          <td>
            <div>Version</div>
          </td>
          <td>
            <div>1.7.0</div>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>

Answer 1

$(".ux-table-metadata > tbody > tr > td").each(function() {
    console.log($(this).find("div").html());
});

or

$(".ux-table-metadata > tbody > tr > td").each(function() {
    console.log($(this).children().html());
});

tested with jquery