javascript - 用cheerio解析节点JS上的代码
问题描述
我正在尝试用cheerio 解析代码,但我需要一些帮助)
现在我的解析看起来像这样:
这是我想要查看代码的方式)如果您能帮助我,我将不胜感激!:)
[ { version: '1.3',
href: '/download-app/com.girlsbeautysalon.android_summerhairsalon/4_com.girlsbeautysalon.android_summerhairsalon_2016-12-26.apk/',
data: 'Dec. 26, 2016'},
{ version: ' 1.3 ',
href: '/download-app/com.girlsbeautysalon.android_summerhairsalon/2_com.girlsbeautysalon.android_summerhairsalon_2016-12-25.apk/',
data: 'Dec. 25, 2016'},
{ version: ' 1.2 ',
href: '/download-app/com.girlsbeautysalon.android_summerhairsalon/3_com.girlsbeautysalon.android_summerhairsalon_2016-08-26.apk/',
data: 'Aug. 26, 2016'} ]
我正在尝试解析的 HTML 代码:
<div class="row" style="margin-left: 2%; margin-right: 2%;">
<table class="striped" style="margin-left: auto; margin-right: auto;">
<tbody>
<tr><td><a title="download Summer Girl Hair Spa & Salon 1.3 apk " onclick="ga('send', 'event', 'button', 'download_ver', 'com.girlsbeautysalon.android_summerhairsalon_2016-12-26.apk');" href="/download-app/com.girlsbeautysalon.android_summerhairsalon/4_com.girlsbeautysalon.android_summerhairsalon_2016-12-26.apk/">1.3</a></td><td>Dec. 26, 2016</td></tr>
<tr><td><a title="download Summer Girl Hair Spa & Salon 1.3 apk " onclick="ga('send', 'event', 'button', 'download_ver', 'com.girlsbeautysalon.android_summerhairsalon_2016-12-25.apk');" href="/download-app/com.girlsbeautysalon.android_summerhairsalon/2_com.girlsbeautysalon.android_summerhairsalon_2016-12-25.apk/"> 1.3 </a></td><td>Dec. 25, 2016</td></tr>
<tr><td><a title="download Summer Girl Hair Spa & Salon 1.2 apk " onclick="ga('send', 'event', 'button', 'download_ver', 'com.girlsbeautysalon.android_summerhairsalon_2016-08-26.apk');" href="/download-app/com.girlsbeautysalon.android_summerhairsalon/3_com.girlsbeautysalon.android_summerhairsalon_2016-08-26.apk/"> 1.2 </a></td><td>Aug. 26, 2016</td></tr>
</tbody>
</table>
</div>
我在cheerio(NodeJs)上用于解析的代码:
const row = $('.row');
const version = [];
const href = [];
const data = [];
row.find('tr').each(function (i, e) {
version.push({"version": $(this).find("td a[title^='download']").text()});
href.push({"href": $(this).find("td a").attr('href')});
data.push({"data": $(this).find("td").eq(1).text()});
});
解决方案
您可以使用map
方法并返回对象数组,其中每个对象都是数据形式 current tr
。
const data = $('.row table tr').map(function() {
const a = $(this).find('td:first-child a');
const td = $(this).find('td:last-child');
return {
version: a.text(),
href: a.attr('href'),
date: td.text()
}
}).get();
console.log(data)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row" style="margin-left: 2%; margin-right: 2%;">
<table class="striped" style="margin-left: auto; margin-right: auto;">
<tbody>
<tr><td><a title="download Summer Girl Hair Spa & Salon 1.3 apk " onclick="ga('send', 'event', 'button', 'download_ver', 'com.girlsbeautysalon.android_summerhairsalon_2016-12-26.apk');" href="/download-app/com.girlsbeautysalon.android_summerhairsalon/4_com.girlsbeautysalon.android_summerhairsalon_2016-12-26.apk/">1.3</a></td><td>Dec. 26, 2016</td></tr>
<tr><td><a title="download Summer Girl Hair Spa & Salon 1.3 apk " onclick="ga('send', 'event', 'button', 'download_ver', 'com.girlsbeautysalon.android_summerhairsalon_2016-12-25.apk');" href="/download-app/com.girlsbeautysalon.android_summerhairsalon/2_com.girlsbeautysalon.android_summerhairsalon_2016-12-25.apk/"> 1.3 </a></td><td>Dec. 25, 2016</td></tr>
<tr><td><a title="download Summer Girl Hair Spa & Salon 1.2 apk " onclick="ga('send', 'event', 'button', 'download_ver', 'com.girlsbeautysalon.android_summerhairsalon_2016-08-26.apk');" href="/download-app/com.girlsbeautysalon.android_summerhairsalon/3_com.girlsbeautysalon.android_summerhairsalon_2016-08-26.apk/"> 1.2 </a></td><td>Aug. 26, 2016</td></tr>
</tbody>
</table>
</div>
推荐阅读
- javascript - 如何在不替换 ES6/Javascript 中的整个属性的情况下深度复制对象
- c - 结构与字符串文字?只读与读写?
- r - 在 sparklyr 中断开连接后会自动删除 spark 数据帧吗?如果没有,我们该怎么做?
- string - 字符串格式截断值
- c# - 将带空格的文件地址传递给 CMD
- javascript - 使用 JavaScript 在 HTML 中闪烁元素
- postgresql - 优化 PostgreSQL 的批量插入速度
- c# - 如何在 WPF 自定义控件中显示基本控件
- docker - activemq 状态集 kubernetes pod 启动失败
- c# - 将 assembly1 中定义的类的对象传递给 assembly2,而不更改 assembly1