javascript函数影响具有许多元素的类,而不影响特定类

javascript函数影响具有许多元素的类,而不影响特定类,javascript,html,node.js,Javascript,Html,Node.js,我正在尝试开发一个函数来影响一个包含很多元素的类。但是我不想让js函数影响一个特定的类,这个类也是前面提到的类中的一个元素。 问题是,当我在浏览器上以html文档的形式运行该项目时,我得到的代码工作得非常好。但是,当我将其转换为jade并运行node js时,控制台错误显示参数后缺少一个括号,并且它也不起作用。我认为它应该像我使用html文件测试代码时那样工作。路径说明和HREF都是正确的。我已经测试过了。 我得到的js代码 $window.on('load', function() {

我正在尝试开发一个函数来影响一个包含很多元素的类。但是我不想让js函数影响一个特定的类,这个类也是前面提到的类中的一个元素。 问题是,当我在浏览器上以html文档的形式运行该项目时,我得到的代码工作得非常好。但是,当我将其转换为jade并运行node js时,控制台错误显示参数后缺少一个括号,并且它也不起作用。我认为它应该像我使用html文件测试代码时那样工作。路径说明和HREF都是正确的。我已经测试过了。 我得到的js代码

$window.on('load', function() {

    $('.thumbnails:not('bton')').poptrox({
        onPopupClose: function() { $body.removeClass('is-covered'); },
        onPopupOpen: function() { $body.addClass('is-covered'); },
        baseZIndex: 10001,
        useBodyOverflow: false,
        usePopupEasyClose: true,
        overlayColor: '#000000',
        overlayOpacity: 0.75,
        popupLoaderText: '',
        fadeSpeed: 500,
        usePopupDefaultStyling: false,
        windowMargin: (skel.breakpoint('small').active ? 5 : 50)
    });

});
我试着用各种可能的方法把报价改成双报价和单报价。请在这里指出我的错误。先谢谢你

编辑: 我的页面的html示例

<section class="thumbnails">
    <div>
        <a href="images/thumbs/OG1.jpg">
            <img src="images/thumbs/OG1.jpg" alt="" />
            <h3>Description</h3>
        </a>
        <a class="bton" href="#"><b>Click Here &nbsp</b><i class="fa fa-eye"></i></a>
    </div>
</section>

bton是我为一些锚定标签提供的一个类

在这种情况下,选择器应该是

$('.thumbnails:not(.bton)')

你为什么不这样使用你的代码

 $window.on('load', function() {

    $('.thumbnails:not (.bton)').poptrox({
        onPopupClose: function() { $body.removeClass('is-covered'); },
        onPopupOpen: function() { $body.addClass('is-covered'); },
        baseZIndex: 10001,
        useBodyOverflow: false,
        usePopupEasyClose: true,
        overlayColor: '#000000',
        overlayOpacity: 0.75,
        popupLoaderText: '',
        fadeSpeed: 500,
        usePopupDefaultStyling: false,
        windowMargin: (skel.breakpoint('small').active ? 5 : 50)
    });

});
试试这个:

$(".thumbnails, .thumbnails *:not(a.bton)").poptrox(...);

您需要
.thumbnails
自己选择整个节,然后
.thumbnails*:not(a.bton)
使用
class=“bton”

选择节中除锚之外的所有元素,如果
bton
是一个变量,则它必须是
$('.thumbnails:not('+bton+'))
缩略图是该部分的类别。它包括divs图像、锚定标记等。bton是我为一些锚定标签提供的一个类。我希望该函数能够影响缩略图类和该部分中的所有其他类,但bton类的标记除外。当我在不使用localhost@AchalaWeerasooriya你所说的
是什么意思它不是那样工作的
?我检查了你的答案。但它没有起作用。我的意思是现在我的选择器是
$('.thumbnails:not(.bton)').poptrox({
),但该函数仍然影响btonclass@AchalaWeerasooriya在这种情况下,请尝试
$('.thumbnails')。而不是('.bton')
@gurvinder327似乎当我使用not时,该函数甚至不会影响缩略图类。当我删除not时,它会影响缩略图类。它也不起作用。当我使用该代码时,它会停止影响缩略图类中的任何类。我仍然不明白为什么要使用。缩略图:不在这里?有任何特定要求吗对于它?我想做的是这样的。示例:在这里,我希望js函数影响节中的所有内容,除了类为bton的锚标记。我以各种可能的方式使用了
$('.thumbnails:not(.bton))
,甚至尝试了
$('.thumbnails')。not('.bton)
但这两种工作都不适用请您编辑您的问题,添加html、css和jquery(如果有),然后开发人员就可以解决它…如果您必须这样做,$(“.thumbnails>a:not(.bton)”)不是合适的,但它将帮助您..不,仍然是一样的:(poptrox是做什么的?
poptrox
似乎不太可能真的要将它应用到节中的每个元素。