如何用JavaScript正则表达式精准匹配特定class属性的li标签？
js正则匹配div问题
问题：
如何使用javascript正则表达式匹配以下html中的li标签，该标签具有class属性“n-item n-item-ad spread-item news-item”？
<p>@@##@@</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/c1c2c2ed740f" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Java免费学习笔记（深入）</a>”；</p> <p>/Uploads/...</p>
/Uploads/...
尝试的正则表达式：
var reg = new regexp("
问题原因：
提供的正则表达式无法匹配上述html，因为其中使用了html实体（""），而非原始的尖括号。
正确解决方案：
可以考虑使用以下一种或多种方法来解决此问题：
queryselector() 方法：
使用queryselector()方法可以更轻松地选择具有特定css类的元素：
var elements = document.queryselectorall(".n-item.n-item-ad.spread-item.news-item");
原生javascript：
也可以使用原生javascript方法getelementsbyclassname()来查找具有特定css类的元素，然后使用array.prototype.filter()方法对其进行过滤：
var elements = Array.from(document.getElementsByClassName("n-item")).filter(function(element) { return element.classList.contains("n-item-ad") && element.classList.contains("spread-item") && element.classList.contains("news-item"); });
以上就是如何用JavaScript正则表达式精准匹配特定class属性的li标签？的详细内容，更多请关注其它相关文章！