Cheerio当选择器返回多个结果时，获取正确的文本

Cheerio是一个基于Node.js的快速、灵活、精简的服务器端HTML/XML解析器，可用于爬虫、数据抓取等任务。它支持类似jQuery的语法，使得解析和操作HTML/XML文档变得简单。

当使用Cheerio作为选择器时，如果返回多个结果，我们可以使用以下方法获取正确的文本：

使用索引：如果我们知道要获取的文本在返回结果中的位置，可以通过索引来获取。例如，如果要获取第一个结果的文本，可以使用.eq(0)来指定索引为0的元素。
示例代码：
示例代码：
循环遍历：如果我们不知道要获取的文本在结果中的具体位置，可以使用循环遍历的方式来获取。通过使用.each()方法，我们可以遍历所有结果，并逐个获取文本。
示例代码：
示例代码：
使用CSS选择器：如果返回的多个结果具有相同的父元素，并且我们只需要其中一个特定的子元素的文本，可以使用CSS选择器来缩小范围并获取相应元素的文本。
示例代码：
示例代码：

Cheerio的优势在于其简单易用的语法和快速的解析速度。它适用于各种爬虫和数据抓取任务，并且可以与其他Node.js库和工具无缝集成。

关于腾讯云的相关产品和产品介绍链接地址，可参考以下内容：

腾讯云产品页面：https://cloud.tencent.com/product
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/tencentdb
腾讯云人工智能服务：https://cloud.tencent.com/product/ai
腾讯云区块链服务：https://cloud.tencent.com/product/baas

相关·内容

VBA自定义函数：文本转换为日期时获取正确的日期格式

标签：VBA，自定义函数在VBA中处理日期会有些麻烦，当试图将字符串转换为日期时，可能会遇到意想不到的结果，例如： —日期、月份和年份可能会被无意中交换或更改。...为了解决这些问题，这里编写一个名为Correct_Date的函数，以便在将文本转换为日期时获得正确的日期，比只使用CDate或SerialDate函数更可靠。...如果它是两位数字, 那么它前面将加上"20".如果它是空白的，那么它将是今年. '在使用DateSerial函数从文本到日期的转换获得的结果中, 日、月和年不会更改....如果它是两位数字，那么它前面将加上“20”；如果它是空白的，那么它将是今年。在使用DateSerial函数从文本到日期的转换中获得的结果中，日、月和年不会更改。...该函数返回两个值： 1.一个布尔值，用于检查输入文本是否为有效的日期输入。 2.实际日期值。如果输入有效，它会根据选择的日期格式，通过文本到日期的转换生成日期。

1931 0

Cheerio，服务端的JQuery。

解析：.load() 引入我们要解析的html。text() 设置 h2 中的文本。addClass() 给 h2 添加新的class。...=orange]') // 选择器定位到 li 中 class 为arange的目标看到上述中的选择器的API是不是和jQuery中很相似。...attribute 在应用中我们经常会遇到需要对属性进行获取和修改，现在我们来讲解一下都有哪些方法。 .attr(name[, value]) 这个方法可以获取和设置属性，第二个参数是可选的。...当第二个参数不存在时表示获取属性的值，当有带有第二个参数时，表示设置属性的值。如果设置一个属性的值设置为null ，则删除该属性。...favorite').html() //=> Apple .removeAttr(name) 通过 name 移除某一个属性，同时返回被移除的这个元素

1.1K1 0

XSS 攻击与防御

（页面中不可见的元素调用 innerText 时是获取不到内容的，在 chrome 中，调用 script、style 标签的 innerText 也能获取到内容）。...cheerio 提供了一个 load 函数，该函数接受一个 html 字符串，返回一个虚拟的 DOM 实例，这个实例中有许多 DOM 选择器，用法和 jQuery 很像。...const cheerio = require("cheerio"); // $ 变量就可以像使用 jQuery 一样的选择器去选择 HTML 中的节点了！...当 whiteList 的值是一个空数组时，表示去除所有的 HTML 标签，只保留文本内容。...，当检测到跨站脚本攻击 (XSS)时，浏览器将停止加载页面。

3.9K2 0

用 Javascript 和 Node.js 爬取网页

✅ 会 JavaScript ✅ 会用 DevTools 提取元素选择器 ✅ 会一些 ES6（可选）你将学到通过本文你将学到：学到更多关于 Node.js 的东西用多个 HTTP 客户端来帮助...正则表达式不那么灵活，而且很多专业人士和业余爱好者都难以编写正确的正则表达式。...第二个元素（在索引1中）将找到我们想要的标记的 textContent 或 innerHTML。但是结果中包含一些不需要的文本（ “Username: “），必须将其删除。...首先，用带有 axios HTTP 客户端库的简单 HTTP GET 请求获取网站的 HTML，然后用 cheerio.load() 函数将 html 数据输入到 Cheerio 中。...要从每个标题中提取文本，必须在 Cheerio 的帮助下获取 DOM元素（ el 指代当前元素）。然后在每个元素上调用 text() 能够为你提供文本。

10.1K1 0

Cheeiro的使用

我们需要的只是一种简单，熟悉的方式来操作我们的HTML 什么时候你应该用JSDOM cheerio并非万能，当你需要一个浏览器一样的环境时，你最好还是用JSDOM，尤其是你需要进行自动化的功能测试时 API...但是在使用cheerio时我们要手动加载我们的HTML文档首选的方式如下： var cheerio = require('cheerio'), $ = cheerio.load('<ul id = "...选择器（selectors） cheerio的选择器几乎和jQuery一模一样，所以语法上十分相像 $( selector, [context], [root] ) selector在context的范围内搜索...selector和context可以是一个字符串，DOM元素，DOM数组或者cheerio实例。root一般是一个HTML文档字符串 选择器是文档遍历和操作的起点。...属性操作（atrributes）用来获取和更改属性的方法： .attr(name, value) 这个方法用来获取和设置属性。获取第一个符合匹配的元素的属性值。

1.3K3 0

nodejs cheerio模块提取html页面内容

函数，返回值即是一个cheerio对象（类似于一个jquery对象）。...以上结果有多余的空格、换行符，输出文本看起来很散乱，但至少内容是获取正确了。再在task2-5的html文件验证一下，也获取到了正确的内容，证明方法可行。接下来我们可以集中精力解决格式散乱的问题。...也即模拟了一下html文档的render效果（因为在浏览器中显示是正确的，所以采用同样的方法，也能得到相同的结果）。...要实现这个方法，要获取一个元素的所有的子结果，使用cheerio的contents函数，这个函数获取一个元素的所有子元素（包括文本元素）。然后调用字符串的trim函数去除首尾的空白文本。...首先调用contents函数获取所有子元素。如果子元素数目为0，表示这个元素是叶结点，则首先判断如果是br元素，则在结果中加入一个换行符，否则，调用text函数获取这个元素的文本内容。

3.2K6 0

如何使用Puppeteer进行新闻网站数据抓取和聚合

我们可以使用page.goto方法来访问一个URL，该方法返回一个Promise对象，表示页面导航的结果。...XPath定位元素，并获取元素的属性或文本然后，我们需要使用选择器或XPath定位元素，并获取元素的属性或文本。...$方法来获取多个元素。这些方法接受一个字符串作为参数，表示选择器或XPath表达式。我们还可以使用page.evaluate方法来在页面上执行JavaScript代码，并返回执行结果。...我们可以使用这个方法来获取元素的属性或文本，或者进行其他操作。..., news); // 获取新闻的时间和来源，使用page.evaluate方法在页面上执行JavaScript代码，并返回执行结果 const timeAndSource = await

3822 0

从网页中提取结构化数据：Puppeteer和Cheerio的高级技巧

Cheerio是一个基于jQuery的HTML解析库，它可以方便地从HTML文档中提取数据，如选择器、属性、文本等。...处理动态内容动态内容是指那些不是在网页加载时就存在的内容，而是通过JavaScript或Ajax等技术在运行时生成或更新的内容。...：有些时候，我们需要抓取多个网页或多个网站的数据，如果我们按照顺序一个一个地抓取，那么会花费很多时间。...).trim(); // 如果标题不为空，就添加到数组中 if (title) { titles.push(title); } }); // 返回提取的数据 return...titles;};// 使用Promise.all()并发执行三个任务，并获取结果const results = await Promise.all(urls.map(getNewsTitles));

6061 0

通读音_Android API

####Selectors Cheerio的选择器用起来几乎和jQuery一样，所以API也很相似。...里去除一个或多个有空格分开的class。...Map会返回一个迭代结果的数组。...对象，滤出匹配选择器或者是传进去的函数的元素。...选择器用来筛选要删除的元素。

3.5K3 0

React测试框架之enzyme

Enzyme的API和jQuery操作DOM一样灵活易用，因为它使用的是cheerio库来解析虚拟DOM，而cheerio的目标则是做服务器端的jQuery。...不需要DOM环境，并可以使用jQuery的方式访问组件的信息； render：静态渲染，它将React组件渲染成静态的HTML字符串，然后使用Cheerio这个库解析这段字符串，并返回一个Cheerio...()：返回测试组件的实例； find(selector)：根据选择器查找节点，selector可以是CSS中的选择器，也可以是组件的构造函数，以及组件的display name等； at(index)：...对象或对象数组； text()：返回当前组件的文本内容； html()：返回当前组件的HTML代码形式； props()：返回根组件的所有属性； prop(key)：返回根组件的指定属性； state...() }) }) 静态渲染render render静态渲染，主要用于将React组件渲染成静态的HTML字符串，然后使用Cheerio这个库解析这段字符串，并返回一个Cheerio的实例对象，可以用来分析组件的

1.1K1 0

如何使用Cheerio与jsdom解析复杂的HTML结构进行数据提取

特别是在面对需要代理IP、cookie和user-agent设置以及高效多线程处理的需求时，如何将这些技术合理整合在一起，以确保数据的准确性和采集的高效性，是本文要探讨的重点。...(dom.window.document); // 使用Cheerio选择器提取数据 const propertyList = [];...数据提取：在fetchData函数中，使用Cheerio选择器提取房产信息，包括title（房产标题）、price（价格）、location（地点）和type（房产类型）。...数据归类和统计：将提取到的房产信息按type（房产类型）进行归类，每个房产类型对应一个数组，数组中包含所有该类型的房产信息。统计每种房产类型的数量，并输出详细的统计结果。...这种组合方式适用于复杂的网页解析场景，可以帮助开发者在面对高难度任务时，轻松实现高效的数据提取。这种方法特别适用于需要处理大量分类数据的爬虫任务，有助于更快地获取并分析所需信息。

1501 0

用 Node.js 爬虫下载音乐

现在我们的程序有了 package.json 为了通过发出 HTTP 请求从网页获取数据，我们将使用 Got 库，对于 HTML 的解析，我们将用 Cheerio。...JSDOM 传递一个字符串时，将返回一个 JSDOM 对象，你可以从中访问许多可用的属性，例如 window。...如该代码所示，你可以用查询选择器（query selector）。例如 querySelector('title').textContent 将获取页面上标记内的文本。...通过 HTML 元素过滤在编写更多代码去解析所需的内容之前，先来看一下浏览器渲染出来的 HTML。每个网页都是不同的，有时从其中获取正确的数据需要一些创造力、模式识别和实验。 ?...当你编写代码解析网页时，通常可以用现代浏览器中的开发者工具。如果右键单击你感兴趣的元素，则可以检查该元素后面的 HTML 并获取更多信息。 ? 检查元素你可以编写过滤器函数来微调所需的选择器数据。

5.5K3 1

React 测试入门教程

，会新增一个Todo项这5个测试用例都已经写好了，执行一下就可以看到结果。...我们使用这种方法来写第四个测试用例，用户点击Todo项时的行为。...关于find方法，有一个注意点，就是它只支持简单选择器，稍微复杂的一点的CSS选择器都不支持。...它跟shallow方法非常像，主要的不同是采用了第三方HTML解析库Cheerio，它返回的是一个Cheerio实例对象。下面是第二个测试用例，测试所有Todo项的初始状态。....text()：返回当前组件的文本内容 .html()：返回当前组件的HTML代码形式 .props()：返回根组件的所有属性 .prop(key)：返回根组件的指定属性 .state([key])：

9564 0

node爬虫入门

/html就表示响应的内容是html文本，这里打印出来就是一段html代码 }) }) 在上面资源请求中存在一个问题：js同步代码与异步请求任务不是在同一个线程中执行，上面代码可能导致同一时间有200...因此，我们只能读取到服务器返回的那些页面数据，而不能获取到一些js动态插入的数据。...因为这块是js在浏览器运行时动态添加到网页中的内容，因此，我们请求首页时返回的数据并没有这里的数据。...cheerio.load(result.str) : null; // 返回结果对象 resolve({ ...res, $, body: result.str });..._runLimit(tasks); // 返回运行结果，urls的length小于2就返回一个{}对象，urls的length大于1就返回一个数组 if (urls.length < 2) {

5.3K2 0

用nodejs写一个代理爬虫网站

这里应用的技术栈包括：express、axios、cheerio、art-template 用express来创建一个web服务，axios爬取网页，cheerio处理数据、art-template渲染数据...仔细观察结果，这个结果就是一段html格式的字符串，这些字符串中包含这凡人修仙传这本小说的内容，我们要获取如下信息： 1、小说的书名 2、小说的最新章节 3、小说的章节列表和每一章的链接如何获取这些信息呢...第三步、处理数据获取想要得到的数据，这里我们需要熟悉一个处理页面数据的npm包，cheerio，包的地址：来看一下官网文档，看一下这个包的用法。代码如下： ? 打印结果如下： ?...从以上结果我们可以看出cheerio的作用就是将html结构的字符串转换成类似jquerydom对象的一种格式，然后用jquery的选择器筛选想要获得的数据，明白了以上用法，我们就可以继续往下进行了，处理数据...浏览器端发送求，在终端查看打印结果： ? 以上便得到了我们想要的数据，只有结果不是咱们最终结果，我们希望将数据渲染成页面返回给用户这里就用到了art-template。

1.7K2 1

使用Enzyme测试React（Native）组件｜洞见

特别是当浏览器中的Web应用越来越庞大的时候，与在后端将大型单体应用拆分成微服务架构的最佳实践一样，前端应用也可以被拆分成不同的页面和特性。 ?...字符串，返回的是一个Cheerio实例对象，采用的是一个第三方的HTML解析库Cheerio，官方的解释是「我们相信Cheerio可以非常好地处理HTML的解析和遍历，再重复造轮子只能算是一种损失」。...Enzyme 的 API 方法 find() 方法与选择器 从前面的示例代码中可以看到，无论哪种渲染方式所返回的wrapper都有一个.find()方法，它接受一个selector参数，然后返回一个类型相同的...Enzyme中的Selectors即选择器类似于CSS选择器，但是只支持非常简单的CSS选择器，如果需要支持复杂的CSS选择器，就需要引入react-dom模块的findDOMNode方法，而这是官方的...例如，.simulate('click') 实际上会获取onClick prop并调用它。

2.4K4 0

分享6个必备的 JavaScript 和 Node.js 网络爬虫库

灵活和可定制：Cheerio允许使用多种jQuery风格的选择器和方法来定位和提取特定数据。小巧轻便：Cheerio是一个轻量级库，适合资源或内存有限的项目。...缺点有限的JavaScript渲染内容处理能力：Cheerio主要关注HTML解析和操作，缺乏内置的JavaScript执行支持，这在抓取依赖JavaScript渲染内容的网站时是一个限制。...结果不一致的潜在风险：Cheerio依赖于HTML解析，在处理结构不良或动态网页时，可能会出现结果不一致的情况。...以下是使用Axios进行网络爬虫的一些示例：示例一：单页面抓取我们使用Axios获取网页的HTML内容，然后使用Cheerio解析并提取所需数据。...通过正确的工具和方法，您可以利用网络抓取的力量收集有价值的数据，推动您的业务或研究向前发展。

7382 0

【nodeJS爬虫】前端爬虫系列 -- 小爬「博客园」

并且能兼顾时间效率，能够并发的同时爬取多个页面。...那么存文件系统、SQL or NOSQL 数据库、内存数据库，如何去存就是这个环节的重点。分析对网页进行文本分析，提取链接也好，提取正文也好，总之看你的需求，但是一定要做的就是分析链接了。...，当我们需要进行 get 、 post 、 head 等网络请求时，尝试下它吧。...如果你是要抓取三个源的数据，由于你根本不知道这些异步操作到底谁先完成，那么每次当抓取成功的时候，就判断一下count === 3。当值为真时，使用另一个函数继续完成操作。...,sres){ // sres.text 里面存储着请求返回的 html 内容 var $ = cheerio.load(sres.text); /

1.5K8 0

Vue 应用单元测试的策略与实践 03 - Vue 组件单元测试

// When 当他?...HTML 字符串，而返回的则是一个 Cheerio 实例对象，采用的是一个第三方的 HTML 解析库 Cheerio，这是一个类 jQuery 的库，可以在 Node.js 中遍历 DOM。...渲染后所返回的 CheerioWrapper 可以用于分析最终结果的 HTML 代码结构，好处是它的 API 跟 shallowMount 和 mount 方法的 API 都基本保持一致。...@vue/test-utils 中的 Selectors 即选择器，既可以是 CSS 选择器（也支持比较复杂的关系选择器组合），也可以是 Vue 组件或是一个 option 对象，以便于在 wrapper...例如，.trigger('click') 实际上会获取对应的 clickHandler propsData 并调用它。

1.3K1 0

爬虫爬取豆瓣电影top250

常用的请求库是request，常用的爬虫工具是cheerio——它可以像jq一样爬取你想要的dom内容。 npm i cheerio request iconv-lite -S 很多大网站都会反爬虫。...start为0时，请求的是top1-25的电影。start为1时，请求到的是top26-50的电影，以此类推。电影内容是所有class=title（每页25个）。...cheerio拿到的类选择器可以直接做循环。在业务方面，当我收集了全部数据后，可存放到本地的data.json中。...if (i < 11) { return getData(i + 1, data) } else { console.log('获取数据完成...格式化之后成功拿到标准的json数据： ? 懦怯囚禁人的灵魂，希望可以让你自由。 ——肖申克的救赎

1.1K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云