繁体   English   中英

使用cheerio在html中获取元素名称

[英]Getting element name inside html using cheerio

前端东西的新手。 我无法使用cheerio 在html 中获取元素。 请在下面查看我正在尝试的内容。 我查看了其他帖子,它们有助于了解cheerio 的工作原理,但不是这个。

我的目标是获得价值。 我想从<td class="ctr2">67%</td>获得 67% 的价值。 我越来越不确定了。 这个标签td class="ctr2"出现多次,但我只想要第一个。

一段时间以来,我一直在努力保持安静。 我使用cheerio得到undefined 我错过了什么?

<tfoot>
                <tr>
                    <td>Total</td>
                    <td class="bar">966 of 2,945</td>
                    <td class="ctr2">67%</td>
                    <td class="bar">56 of 168</td>
                    <td class="ctr2">66%</td>
                    <td class="ctr1">72</td>
                    <td class="ctr2">224</td>
                    <td class="ctr1">167</td>
                    <td class="ctr2">580</td>
                    <td class="ctr1">31</td>
                    <td class="ctr2">140</td>
                    <td class="ctr1">0</td>
                    <td class="ctr2">17</td>
                </tr>
            </tfoot>



我正在尝试在 node.js 中使用cheerio

const cheerio = require('cheerio');
var fs = require('fs');

const demo= cheerio.load(fs.readFileSync('sample123.html'))
console.log(demo('#ctr2'));

我发现您的代码存在一些问题:

  1. #ctr2id="cntr2"元素的选择器。 您的 HTML 中没有任何id值。 相反,如果要选择具有该类名的项目,则需要使用".ctr2"
  2. 您的 HTML 不完整,因为它周围没有<table></table>

如果您修复这两件事并运行此代码:

const cheerio = require('cheerio');
var fs = require('fs');

const $ = cheerio.load(fs.readFileSync('sample123.html'))
$('.ctr2').each((index, element) => {
    console.log($(element).text());    
});

然后,它将生成以下输出:

67%
66%
224
580
140
17

如果您只想要第一个.cntr2项目,您可以在选择器结果上使用.cntr2 .first() ,如下所示:

const cheerio = require('cheerio');
var fs = require('fs');

const $ = cheerio.load(fs.readFileSync('sample123.html'))
console.log($('.ctr2').first().text());

这将生成此输出:

67%

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM