如何在 JavaScript 中使用 jQuery 获取 HTML 元素中的链接?

如何在 JavaScript 中使用 jQuery 获取 HTML 元素中的链接?

利用 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" ]
登录后复制

© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容