更新记录
1.3(2021-06-05)
解决html字符串的 标签 结束符 后面 出现其他字符后 不能正确识别标签
1.2(2021-05-24)
匹配换行数据
1.1(2021-05-19)
解决低层标签不出现text的问题,以及大数量卡死问题。
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue app-nvue | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | × | √ | √ | √ | √ | √ | √ |
HTMLPARSE
Js针对于Html字符串的解析搜索器
验证文件正确性:
-
1: 导入此 HtmlParse.js
-
2: 执行 new HtmlParse(); 是否存在错误
使用方式
导入HtmlParse
// HBuilderX直接导入的插件
import HtmlParse from "@/js_sdk/ChenK-HtmlParse/HtmlParse.js";
export default {
onLoad() {
console.log(HtmlParse);
}
}
// 执行解析
var html =
`
<div>
<span>1</span>
<span>2</span>
<span>3</span>
</div>
<div class="box">
<span>11</span>
<span>22</span>
<span>33</span>
<div>
<span>-1</span>
<span>-2</span>
<span>-3</span>
<div>
<span>-1</span>
<span>-2</span>
<span>-3</span>
<div>
<span>-1</span>
<span>-2</span>
<span>-3</span>
</div>
</div>
</div>
<span>33</span>
</div>
`
1.
var htmlParse = new HtmlParse(html);
var res = htmlParse.find("div",`class="box"`);
console.log(res);
2.
var htmlParse = new HtmlParse(html);
var res = htmlParse.find("div",`class="box"`);
res = res[0].find("div");
console.log(res);