blocks|key|1321107|text|$('.foo:not(.baz+.foo),.bar:not(.baz+.bar)')|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1321108|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

blocks|key|1536408|text|在顶级选择器中添加一个:not('.baz')。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1536409|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Add a :not('.baz') to your top level selector.

blocks|key|1536465|text|事情的真相是，jQuery根本没有一种特别优雅的方法来做你想做的事情。虽然chaos的答案确实有效，但你不得不怀疑，与你拥有的更冗长但更快的过滤功能相比，复杂的选择器(它的速度与复杂网页中的选择器的速度一样慢)是否值得。这真的不是什么大问题，我个人只是厌倦了当我可以避免的时候，特别长的，令人费解的选择器。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1536466|另一种选择是创建自己的选择器，因为jQuery非常棒：|1536467|jQuery.expr[':'].parents+=+function(a,i,m){
++++return+jQuery(a).parents(m[3]).length+<+1;
};

$('.foo,.bar').filter(':parents(.baz)');|code-block|syntax|javascript|1536468|Sizzle映射是expr选择器引擎的一部分，可以在以下位置找到文档：Sizzle+Custom+Pseudo-Selectors|offset|length|style|CODE|1536469|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jquery/sizzle/wiki#-pseudo-selectors-pseudos^0|0|0|0|9|4|Z|U|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Z|8|@$K|10|L|11|M|N]]|9|@$K|12|L|13|1|14]]|A|$]]|$1|O|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

The truth of the matter is that jQuery simply does not have a particularly elegant way to do what you want. While chaos' answer does work, you have to wonder whether the complicated selector (that would be about as slow as a selector can be in a complicated webpage) is worth it over the more verbose but faster filter function you have. This is not really that big of a deal, I am just personally weary of particularly long, convoluted selectors when I can avoid it.

A different option is to create your own selector, since jQuery is awesome:

<pre><code>jQuery.expr[':'].parents = function(a,i,m){
 return jQuery(a).parents(m[3]).length &lt; 1;
};

$('.foo,.bar').filter(':parents(.baz)');
</code></pre>

The <code>expr</code> map is part of the Sizzle selector engine and documentation can be found here: <a href="https://github.com/jquery/sizzle/wiki#-pseudo-selectors-pseudos" rel="noreferrer">Sizzle Custom Pseudo-Selectors</a>

blocks|key|1321431|text|我不能让它工作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1321432|$(".children:not(#parent+.children)");|code-block|syntax|javascript|1321433|但我可以让它起作用：|1321434|$(".children").not($("#parent+.children"));|1321435|注意:不确定这是否与我使用的1.2.6版本的jQuery有关|1321436|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I couldn't get this to work:

<pre><code>$(".children:not(#parent .children)");
</code></pre>

But I can get this to work:

<pre><code>$(".children").not($("#parent .children"));
</code></pre>

Note: Not sure if this has something to do with the jQuery version I'm using 1.2.6

blocks|key|1536686|text|var+$li+=+jQuery('li',+this).not('.dropdown-menu+>+li');|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1536687|我使用的是根主题，他们将下拉菜单从‘子菜单’改为'.dropdown-menu‘|1536688|entityMap^0|0|1K|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

<code>var $li = jQuery('li', this).not('.dropdown-menu &gt; li');</code> 

I'm using Roots theme and they change the dropdowns from 'sub-menu' to '.dropdown-menu'

blocks|key|1321483|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1321484|$('div').filter(function+()+{
++return+($(this).parent().not('.baz'));
})|code-block|syntax|javascript|1321485|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

try this one:

<pre><code>$('div').filter(function () {
 return ($(this).parent().not('.baz'));
})
</code></pre>

I have

<pre><code>var $set = $('.foo,.bar').filter(
 function() {return $(this).parents('.baz').length &lt; 1;});
</code></pre>

as a way to select all the elements whose classes are either <code>foo</code> or <code>bar</code> and who do not descend from an element whose class is <code>baz</code>. Is there a selector that will accomplish the same thing without the need for a filtering lambda?

<pre><code>&lt;div class='foo'/&gt;&lt;!--match this--&gt;
&lt;div class='bar'/&gt;&lt;!--match this--&gt;
&lt;div class='baz'&gt;
 &lt;div class='foo'/&gt; &lt;!--don't match this--&gt;
&lt;/div&gt;
</code></pre>

What JQuery selector excludes items with a parent that matches a given selector?

jQuery

我有过var $set = $('.foo,.bar').filter( function() {return $(this).parents('.baz').length < 1;});作为选择其类为foo或bar的所有元素的一种方式，并且这些元素不是其类为baz的元素的后代。有没有一个选择器可以在不需要过滤l...

问哪个JQuery选择器会排除父选择器与给定选择器匹配的项目？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问哪个JQuery选择器会排除父选择器与给定选择器匹配的项目？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问哪个JQuery选择器会排除父选择器与给定选择器匹配的项目？
EN