jujuyou2 2023-05-28 11:46 采纳率: 100%
浏览 20
已结题

使用cheerio执行结果为空，如何修改代码


const cheerio = require('cheerio');
const html = '<html><head>123</head><body><tbody> <!-- vRepeat: data in queryList --><tr v-repeat="data in queryList" class="v-scope"> <td><input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="0" v-checked="data.CheckFlag" v-disabled="data.FndDrc!=\'01\' || data.BusiState!=\'10\'" id="List0_RemitIn" v-click="clickBox($index,data)"></td> <td><span v-show="data.FndDrc!=\'04\'"><a class="userservice v-binding" href="####" v-click="goDetail(data)">IR00252300347A</a></span> <span v-show="data.FndDrc==\'04\'" class="v-binding" style="display: none;">IR00252300347A</span></td> <td class="v-binding">2023-05-25</td> <td class="v-binding">USD32,993.50</td> <td class="v-binding">1/FLOKSER KIMYA SANAYI VE TICARET 1...</td> <td class="v-binding">31980005000107125</td> <td><span v-show="data.FndDrc==\'01\'">入账</span> <span v-show="data.FndDrc==\'04\'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc==\'04\'||data.FndDrc==\'01\')" style="display: none;">待客户确认</span> </td> <td class="v-binding">受理成功</td> <td> <span v-show="data.FndDrc==\'01\' && data.BusiState==\'10\'"> <a href="#" v-click="remitInPrint(data.BsnSrlNo)" class="userservice"> 打印 </a> </span> </td> </tr> </tbody> </body></html>';
const $ = cheerio.load(html);
const tbody = $('tbody');
const result = [];
tbody.find('tr').each((i, tr) => {
  const data = {};  
  $(tr).find('[v-repeat], [v-model]').each((j, el) => {
      const name = $(el).attr('v-repeat') || $(el).attr('v-model');
      const value = $(el).attr('v-bind:value') || $(el).val() || $(el).text();    
      data[name] = value;  
  });  
  result.push(data);
});
console.log(result);
  • 写回答

3条回答 默认 最新

  • 「已注销」 2023-05-28 11:57
    关注

    引用chatgpt部分指引作答：
    您提供的代码似乎使用 Cheerio 来解析 HTML 并从中提取数据。 但是，结果为空，因为您提供的 HTML 结构不正确。 标签应该放在

    标签内。

    要解决此问题，您可以通过在

    内容周围添加
    标记来修改 HTML 字符串。 这是您的代码的更新版本：

    const cheerio = require('cheerio');

const html = '<html><head>123</head><body><table><tbody> <!-- vRepeat: data in queryList --><tr v-repeat="data in queryList" class="v-scope"> <td><input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="0" v-checked="data.CheckFlag" v-disabled="data.FndDrc!=\'01\' || data.BusiState!=\'10\'" id="List0_RemitIn" v-click="clickBox($index,data)"></td> <td><span v-show="data.FndDrc!=\'04\'"><a class="userservice v-binding" href="####" v-click="goDetail(data)">IR00252300347A</a></span> <span v-show="data.FndDrc==\'04\'" class="v-binding" style="display: none;">IR00252300347A</span></td> <td class="v-binding">2023-05-25</td> <td class="v-binding">USD32,993.50</td> <td class="v-binding">1/FLOKSER KIMYA SANAYI VE TICARET 1...</td> <td class="v-binding">31980005000107125</td> <td><span v-show="data.FndDrc==\'01\'">入账</span> <span v-show="data.FndDrc==\'04\'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc==\'04\'||data.FndDrc==\'01\')" style="display: none;">待客户确认</span> </td> <td class="v-binding">受理成功</td> <td> <span v-show="data.FndDrc==\'01\' && data.BusiState==\'10\'"> <a href="#" v-click="remitInPrint(data.BsnSrlNo)" class="userservice"> 打印 </a> </span> </td> </tr> </tbody></table></body></html>';

const $ = cheerio.load(html);
const tbody = $('tbody');
const result = [];

tbody.find('tr').each((i, tr) => {
  const data = {};
  $(tr)
    .find('[v-repeat], [v-model]')
    .each((j, el) => {
      const name = $(el).attr('v-repeat') || $(el).attr('v-model');
      const value = $(el).attr('v-bind:value') || $(el).val() || $(el).text();
      data[name] = value;
    });
  result.push(data);
});

console.log(result);
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • Wordpress - 在不使用循环的情况下显示页面内容 php
    2014-07-03 18:27
    回答 1 已采纳 Use the WordPress function get_extended($post_content) to retreive text in content before the <
  • The engine "node" is incompatible with this module docker yarn 容器
    2021-11-16 15:34
    回答 1 已采纳 看着别人都是 ignore-engines true 解决的
  • 关于#webpack#的问题，如何解决？ vue.js webpack 前端
    2023-03-13 23:17
    回答 3 已采纳 这个报错是因为 webpack 没有对 cheerio 这个模块进行处理，需要在 webpack 配置文件中添加相应的 loader 来处理该文件。 具体操作如下： 在 webpack 配置文件中添加
  • scraper:使用Cheerio和MongoDB的抓取应用程序
    2021-05-13 13:22
    "JavaScript" 这个标签表明该项目主要使用的是JavaScript编程语言。JavaScript不仅在前端Web开发中广泛使用，而且由于Node.js的存在，它也在后端开发领域有了一席之地。 **文件名列表分析：** 由于未提供具体的...
  • nodejs抓取图片时的问题 javascript node.js
    2019-09-06 20:40
    回答 1 已采纳 已经解决啦，request后面的方法名写错了，是pipe,以及图片地址错了应是ImDir.
  • jQuery TypeError: text is not a function jquery
    2017-08-19 03:16
    回答 5 已采纳 $fsoSiTrs是jQuery对象，你用了[i]就转变为了dom对象，你innerHTML是dom对象的方法所以$fsoSiTrs[i].innerHTML不报错； text()是jQuery对象
  • 如何在PHP单元测试中处理对未定义函数的调用 php
    2014-06-04 14:22
    回答 1 已采纳 Generally speaking, you would just include the file with the function and have it get executed. T
  • 强大AI助力编程革命：利用langchain技术实现代码自动生成
    2024-07-18 10:39
    黑客-雨的博客 它支持nodejs和Python调用，后续的示例的代码，都会使用nodejs进行演示。让langchain通过文档中的接口信息得到接口地址字段header请求方式(示例中为post请求)再以axios的写法输出。可以看到输出结果和文档中的各项...
  • js代码-唯品会购物车抓取
    2021-07-15 00:48
    在IT行业中，JavaScript是一种广泛使用的编程语言，尤其在前端开发中扮演着重要角色。本项目“js代码-唯品会购物车抓取”涉及到的是利用JavaScript技术来抓取和解析唯品会网站上的购物车数据。这个过程通常被称为...
  • js代码-SpiderClient
    2021-07-15 02:04
    JavaScript，简称JS，是一种轻量级的解释型编程语言，广泛用于网页和网络应用开发，尤其是前端开发。它允许在浏览器端运行代码，与用户交互，处理数据并操控DOM（文档对象模型）。 在JavaScript中实现SpiderClient...
  • js代码-SpiderServer
    2021-07-16 16:34
    1. **JavaScript基础**：JavaScript是一种轻量级的解释型编程语言，具有动态类型、原型式继承、基于原型的对象和函数作为一等公民等特点。在"SpiderServer"项目中，JavaScript可能用于处理HTTP请求、数据解析、文件...
  • js代码-淘宝详情页抓取
    2021-07-14 21:49
    在IT行业中，JavaScript是一种至关重要的编程语言，尤其在网络前端开发领域。本项目“js代码-淘宝详情页抓取”显然涉及到使用JavaScript来抓取淘宝商品详情页的数据。在这个过程中，开发者可能利用了Web scraping...
  • js代码-淘宝收藏夹抓取
    2021-07-15 00:47
    3. **异步编程**：考虑到网络请求的延迟，使用Promise或async/await进行异步处理是必要的，以避免阻塞程序执行。 4. **数据存储**：抓取的数据可能需要保存到本地文件、数据库或者云端，这涉及文件I/O操作或数据库...
  • cheerio-scrape:来自马特穆勒的屏幕演员在这里
    2021-05-31 06:39
    在IT行业中，JavaScript是一种广泛应用的编程语言，尤其在前端开发领域。本文将深入探讨与"cheerio-scrape"相关的知识点，这是一种由Matt Mueller创建的工具，用于从网页中高效地提取数据，类似于jQuery风格的API。...
  • barrel-scrapper:实施cheerio从不同数据源提取数据的教育示例
    2021-06-13 07:58
    JavaScript在桶式刮刀项目中作为主要编程语言，因为它在Node.js环境中运行，可以方便地处理异步I/O，这在爬虫开发中至关重要。Node.js的非阻塞I/O模型使得处理大量网络请求变得更加高效。此外，JavaScript与Cheerio...
  • midway的使用教程.doc
    2022-07-09 22:48
    在创建 Midway 项目时，可以选择使用 Typescript 作为编程语言。 三、如何基于 Node 自身 API 封装请求 Node.js 提供了一些基础的 API 用于处理 HTTP 请求，例如 `http` 模块。使用这些 API，可以实现抓取百度首页...
  • Crawlab 是一个使用 Golang 开发的分布式爬虫管理平台
    2023-06-17 11:17
    在功能特性上，Crawlab的一大亮点是它支持多种编程语言，包括Python、NodeJS、Go、Java和PHP。这意味着无论你熟悉哪种语言，都可以在Crawlab平台上轻松创建和运行爬虫项目。对于Python，它可以与常见的爬虫框架如...
  • 分支覆盖率 代码覆盖率_100％代码覆盖率神话
    2019-02-05 07:12
    dfsgwe1231的博客 分支覆盖率 代码覆盖率 （由Adobe Stock Photo许可） 互联网上现在有很多建议说100％的覆盖率不是一个值得的目标。 我非常不同意。 通常，难以测试的代码是需要重构的信号。 我知道了。 几年前，我很讨厌...
  • Node.js可能是最适合写简易小爬虫的语言，速度极快（以爬取豆瓣top250为例）
    2019-04-06 20:33
    Nothlu的博客 一说到爬虫很多人都会想到python，的确，python语法简洁，还有scrapy这一类强大的工具可以使用。 但是如果只是想写一个小爬虫，爬取论坛里的几张帖子，帖子里面的几个楼层，然后合成一篇文章。这点小数据量使用...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 6月5日
  • 已采纳回答 5月28日
  • 赞助了问题酬金15元 5月28日
  • 创建了问题 5月28日

悬赏问题

  • ¥15 java代码写在记事本上后在cmd上运行时无报错但又没生成文件
  • ¥15 关于#python#的问题：在跑ldsc数据整理的时候一直抱这种错误，要么--out识别不了参数，要么--merge-alleles识别不了参数(操作系统-linux)
  • ¥15 PPOCRLabel
  • ¥15 混合键合键合机对准标识
  • ¥100 现在不懂的是如何将当前的相机中的照片,作为纹理贴图,映射到扫描出的模型上
  • ¥15 魔霸ROG7 pro,win11.息屏后会显示黑屏,如图，如何解决？(关键词-重新启动)
  • ¥15 有没有人知道这是哪里出了问题啊？要怎么改呀？
  • ¥200 C++表格文件处理-悬赏
  • ¥15 Windows Server2016本地登录失败
  • ¥15 复合卡卡号轨道写入芯片卡