jQuery .not()选择器不使用类

时间:2015-02-27 08:44:49

标签: javascript jquery jquery-selectors

我正在尝试选择body的所有直接子项,除了那些与某个类匹配的子项。

无论我使用.not()过滤器还是:not()选择器,当我按类名过滤时,我试图过滤掉的元素仍然是选择的一部分。但是,如果我尝试根据其ID过滤掉它,它可以正常工作。

以下是选择器:

    console.log( $( 'body > *' ).not( '.fullscreen, script' ) );    // div.fullscreen is STILL part of the selection
    console.log( $( 'body > *' ).not( '#searchWindow, script' ) );  // div.fullscreen is gone, like I wanted
    console.log( $( 'body > *:not(.fullscreen, script)' ) );    // div.fullscreen is STILL part of the selection
    console.log( $( 'body > *:not(#searchWindow, script)' ) );  // div.fullscreen is gone, like I wanted

在这种情况下,类选择器怎么没有效果?

这是jsfiddle of it

1 个答案:

答案 0 :(得分:4)

您的HTML中拼写错误fullscreen错误。它中有三个l

见这里:

<div id="searchWindow" class="fulllscreen">

Fixed Demo