
利用 html 解析器获取 html 元素中的链接
在 JavaScript 中,使用正则表达式解析 HTML 是一个不推荐且容易出错的方法。为了安全可靠地获取特定 HTML 元素中的链接,建议使用 HTML 解析器。浏览器端常用的 HTML 解析器包括 document.createElement + innerHTML、DOMParser 和 jQuery。
以 jQuery 为例,获取 HTML 元素中的链接步骤如下:
$(html).find('>li>a').map((_, a) => $(a).attr('href')) // jq
该代码查找 HTML 字符串中具有 >li>a 选择器的链接元素,并将它们的 href 属性值映射到一个数组中。
获得的链接数组为:
立即学习“Java免费学习笔记(深入)”;
[ "/eduadmin/SpecialInfo/SpecialInfo?AreaID=533167224&AreaType=1&SpecialCode=3", "/eduadmin/SpecialInfo/SpecialInfo?AreaID=533167224&AreaType=1&SpecialCode=4", "/eduadmin/SpecialInfo/SpecialInfo?AreaID=533167224&AreaType=1&SpecialCode=6", "/eduadmin/SpecialInfo/SpecialInfo?AreaID=533167224&AreaType=1&SpecialCode=9", "/eduadmin/DevelopActivity/SystemActivityManage/2/-1"]
以上就是如何在 JavaScript 中使用 jQuery 获取 HTML 元素中的链接?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1556733.html
微信扫一扫
支付宝扫一扫