Docs don't explain why sub-selected instances of cheerio don't have text(), html() or find() functions defined.

[sanfordstaab]

cheerio@1.0.0

Example code:

//test.js
'use strict';

import * as cheerio from 'cheerio'

const $root = cheerio.load(`
  <div class="foo">
    This is my text
  </div>
  <div class="foo">
     <div class="bar">
       this is more text
    </div>
  </div>`);

console.log($root.text());
console.log($root.html());

const $sub = $root('.foo');
console.log($sub.text());
console.log($sub.html());
console.log($root.find('.bar')); //$root.find is not a function

$root('.foo').each(
  (i, $foo) => {
    console.log(`${i} ${$foo.html()}`); // $foo.html is not a function
    console.log(`${i} ${$foo.text()}`); // $foo.text is not a function
  }
)

The docs at do not show any examples of using select result instances of cheerio. Nor do they articulate how this object differs from the root.
They say find() is available, but it doesn't work for me.
The function .each(), though it works, is nowhere in the docs that I could find either.
I am so confused!

Contact me a sanfords@gmail.com if needed.

[sanfordstaab]

docs ref is at https://cheerio.js.org/docs/basics/selecting

[sanfordstaab]

I have found via AI what I was mis-understanding and have fixed my test code. If you could fix the docs to clarify this it will help other dufus's like me. THANKS.
...
//test.js
'use strict';

import * as cheerio from 'cheerio'

const $root = cheerio.load(`

This is my text

this is more text

`);

console.log($root.text().trim());
console.log($root.html().trim());
console.log($root('.bar').find());

const $sub = $root('.foo');
console.log($sub.text().trim());
console.log($sub.html().trim());

$root('.foo').each(
(i, foo) => {
const $foo = $root(foo);
console.log(${i} ${$foo.html().trim()});
console.log(${i} ${$foo.text().trim()});
}
)
...