const html =`<tbody> <tr> <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>` const cheerio= require('cheerio') const $ = cheerio.load(html) console.log($) const result = []; $('tr').each((i, tr) => { const tds = $(tr).find('td'); const data = { RemitInBox: $(tds[0]).find('input').attr('v-checked') === 'true', IRNumber: $(tds[1]).find('a').text(), Date: $(tds[2]).text(), Amount: $(tds[3]).text(), Account: $(tds[4]).text(), AccountNumber: $(tds[5]).text(), Status: $(tds[6]).text(), Result: $(tds[7]).text(), Print: $(tds[8]).find('a').length > 0, }; result.push(data); }); console.log(result);

时间: 2024-01-03 15:07:24 浏览: 23

这段代码使用了 Node.js 的 Cheerio 模块来对 HTML 进行解析和提取数据。它首先将 HTML 字符串赋值给变量 html，然后使用 Cheerio 的 load 方法将其转换为一个可操作的 jQuery 对象 $。接着使用 $ 对象的 find 和 text 方法来提取表格中每一行的数据，并将其存储在一个数组中。最后，打印结果数组。

cheerio 将以下代码转换为json如何实现 <html><tbody> <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> </html>

可以使用Cheerio库将这段HTML代码转换为JSON格式。具体实现方法如下： ```javascript const cheerio = require('cheerio'); const html = '<html><tbody> <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

使用cheerio将以下代码转换为json <table><tbody> <tr> <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>

以下是使用cheerio将代码转换为json的方法： ```javascript const cheerio = require('cheerio'); const html = '<table><tbody> <tr> <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>'; const $ = cheerio.load(html); const data = []; $('table tbody tr').each((i, elem) => { const row = {}; $(elem).find('td').each((j, td) => { const value = $(td).text().trim(); switch (j) { case 1: row['code'] = value; break; case 2: row['date'] = value; break; case 3: row['amount'] = value; break; case 4: row['name'] = value; break; case 5: row['account'] = value; break; case 6: row['status'] = value; break; case 7: row['result'] = value; break; default: break; } }); data.push(row); }); console.log(JSON.stringify(data, null, 2)); ``` 输出结果为： ```json [ { "code": "IR00252300347A", "date": "2023-05-25", "amount": "USD32,993.50", "name": "1/FLOKSER KIMYA SANAYI VE TICARET 1...", "account": "31980005000107125", "status": "入账", "result": "受理成功" } ] ```

相关推荐

vuex-model-helper:帮助您更快乐地使用vuex和v-model

keyv-firestore:用于Keyv的Firebase Cloud Firestore后端，简单的持久键值存储模块

react-pagimagic:ReactReact组件可从您的列表中创建分页。 演示=>

在NODEJS中不执行

vue-router 按需加载 component: () = import() 报错的解决

streamjq:流 => jq => 流

keyv-mongo:用于Keyv的MongoDB存储适配器

keyv-postgres:用于Keyv的PostgreSQL存储适配器

unicode-tr51-emoji：从Unicode技术报告＃51 v1.0 – v5.0中提取的Emoji数据

Vuex 使用 v-model 配合 state的方法

js-v-sdk:V系统的Java脚本库

发卡系统源码无授权版 带十多套模板

STM32F103系列PWM输出应用之纸短情长音乐——无源蜂鸣器.rar

基于matlab开发的rvm回归预测 RVM采取是与支持向量机相同的函数形式稀疏概率模型，对未知函数进行预测或分类.rar

最新推荐

发卡系统源码无授权版 带十多套模板

STM32F103系列PWM输出应用之纸短情长音乐——无源蜂鸣器.rar

基于matlab开发的rvm回归预测 RVM采取是与支持向量机相同的函数形式稀疏概率模型，对未知函数进行预测或分类.rar

STM32 CubeMX FreeRtos系统 基于lwRB通用环形缓冲区的串口非阻塞发送

整站程序EasyJF官网全站源码-easyjfcom-src.rar

RTL8188FU-Linux-v5.7.4.2-36687.20200602.tar(20765).gz

管理建模和仿真的文件

：YOLOv1目标检测算法：实时目标检测的先驱，开启计算机视觉新篇章

info-center source defatult

c++校园超市商品信息管理系统课程设计说明书(含源代码) (2).pdf

react-pagimagic:ReactReact组件可从您的列表中创建分页。演示=>

发卡系统源码无授权版带十多套模板

发卡系统源码无授权版带十多套模板

STM32 CubeMX FreeRtos系统基于lwRB通用环形缓冲区的串口非阻塞发送