cheerio 执行以下代码转换为json <html><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> </html>
时间: 2023-08-14 09:14:01 浏览: 99
可以使用 cheerio 库将 HTML 代码解析为 DOM 树,然后使用 DOM API 提取需要的数据,最后将其转换为 JSON 格式。以下是一个示例代码:
```javascript
const cheerio = require('cheerio')
const html = '<html><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> </html>'
const $ = cheerio.load(html)
const data = []
// 遍历所有 tr 元素
$('tr').each(function (i, elem) {
const $tds = $(this).find('td')
// 提取每个 td 元素的文本内容,并存储到一个对象中
const item = {
checkbox: $tds.eq(0).find('input').attr('v-checked') === 'true',
code: $tds.eq(1).find('a').text(),
date: $tds.eq(2).text(),
amount: $tds.eq(3).text(),
company: $tds.eq(4).text(),
account: $tds.eq(5).text(),
status: $tds.eq(6).text(),
result: $tds.eq(7).text(),
print: $tds.eq(8).find('a').length > 0
}
data.push(item)
})
// 将数据转换为 JSON 格式
const json = JSON.stringify(data)
console.log(json)
```
输出结果为:
```json
[{"checkbox":false,"code":"IR00252300347A","date":"2023-05-25","amount":"USD32,993.50","company":"1/FLOKSER KIMYA SANAYI VE TICARET 1...","account":"31980005000107125","status":"入账","result":"受理成功","print":true}]
```
阅读全文