How to use CHEERIO.js for this HTML?

Question

```

BarFoo

BarBar Foo Bar foobarbar FooFoo?
BarBarBar Foo foo FooFoo?

Accepted Answer

You want to use a better selector string to target the element & attribute of interest. Exactly how vague or precise you go involves trade-offs of coupling too tighly to the DOM structure and thus some irrelevant change to the HTML means your selector doesn't match anymore or using too vague a selector and matching more stuff than you intend.

- vaguest: `'a'` (find every anchor)

- `'.A a'` (every anchor inside the div class="A")

- Recommended: `'.A li a'` (must be part of a list)

- crazy specific: `'div.A section.B ul.list li a'`

.

```
var link = $('.A li a');
var href = link.attr('href');
var spanText = link.find('span').first().text();
```

How to use CHEERIO.js for this HTML?

Solution

Problem