如何用JavaScript正则表达式精准匹配特定class属性的li标签?

如何用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>...</p> 
登录后复制
  • 尝试的正则表达式

    var reg = new regexp("
    登录后复制
  • ([ss]*?)
  • “, “g”);

    问题原因:

    提供的正则表达式无法匹配上述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") &amp;&amp; element.classList.contains("spread-item") &amp;&amp; element.classList.contains("news-item"); });
    登录后复制

    如何用JavaScript正则表达式精准匹配特定class属性的li标签?

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

    请登录后发表评论

      暂无评论内容