javascript - $ (":not(selector)")在普通/ Vanilla javascript中？

<分区>

如何用纯 javascript 编写 $(":not(selector)")？

jQuery:

var links = $('a:not(.not-lightbox-item a)', this);

HTML:

<div id="links">
    <div class="not-lightbox-item">
        <a href="projects.html" class="button-back">
            <span class="glyphicon glyphicon-hand-left glyphicon-circle-arrow-leftx" title="Back"></span>
        </a>

        <h2 class="heading item-heading">(Title) Ways of Something</h2>

        <p>Lorem ipsum dolor sit amet <a href="#">Excepteur sint occaecat</a> cupidatat non proident</p>
    </div>

    <a href="images/banana.jpg" title="Banana">
        <img src="images/thumbnails/banana.jpg" alt="Banana">
    </a>
    <a href="images/apple.jpg" title="Apple">
        <img src="images/thumbnails/apple.jpg" alt="Apple">
    </a>
    <a href="images/orange.jpg" title="Orange">
        <img src="images/thumbnails/orange.jpg" alt="Orange">
    </a>
</div>

有什么想法吗？

最佳答案

使用 document.querySelector 或 document.querySelectorAll 作为解决方案:

//returns first element matching
document.querySelector("a:not(.not-lightbox-item a)");

//returns all elements matching
document.querySelectorAll("a:not(.not-lightbox-item a)");

但是 @George Katsanos 是对的，使用像 .lightbox-item 这样的类比像 a:not(.not-lightbox -项目 a)

关于javascript - $ (":not(selector)")在普通/ Vanilla javascript中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40154654/

上一篇：javascript - 如果我运行多个替换检查，为什么它不能正确替换？

下一篇：javascript - 如何将 JSON 键用作正则表达式？

javascript - 如何在不使用 jQuery 的情况下使函数淡入淡出？ (JavaScript)

javascript - 如何防止其他点击事件在其中一个已在 jQuery 中运行时运行？

javascript - stub 和代理

javascript - Jquery 验证自定义 css 复选框

javascript - 将变量传递给引用的函数？

javascript - 使用 es6 spread 连接多个数组

javascript - 动态设置 Prop Key JSX

javascript - jQuery 读取非空和可见的文本字段

javascript - 从数组中过滤数据的最佳方法