
js正则匹配div问题
问题:
如何使用javascript正则表达式匹配以下html中的li标签,该标签具有class属性“n-item n-item-ad spread-item news-item”?
尝试的正则表达式:
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标签?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1494698.html
微信扫一扫
支付宝扫一扫