js 正则匹配 div 问题
问题描述：
如何使用正则表达式匹配 html 中所有 class 为 "n-item n-item-ad spread-item news-item" 的 <li> 标签？
原始正则表达式：
立即学习“前端免费学习笔记（深入）”；
var reg = new regexp("<li class=\"n-item n-item-ad spread-item news-item\">([\s\s]*?)<\/li>", "g");问题分析：
给定的正则表达式无法匹配预期结果，因为：
建议解决方案：
使用 javascript 的 queryselector 方法，其语法如下：
document.queryselector(selectors);
selectors 参数是一个 css 选择器，可以轻松匹配具有特定类名的元素。对于给定的问题，使用以下 css 选择器即可：
.n-item.n-item-ad.spread-item.news-item
改进代码：
var elements = document.querySelectorAll(".n-item.n-item-ad.spread-item.news-item");这将返回所有匹配指定类名的 <li> 标签的 dom 节点列表。
以上就是如何使用正则表达式匹配 HTML 中特定类名的 `` 标签？的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
424
收藏
