¿Qué selector de JQuery excluye elementos con un elemento primario que coincida con un selector dado?

Question

que tienen

var $set = $('.foo,.bar').filter(
    function() {return $(this).parents('.baz').length < 1;}); 

como una manera de seleccionar todos los elementos cuyas clases son o bien foo o bar y que no descienden de un elemento cuya clase es baz. ¿Hay un selector que logre lo mismo sin la necesidad de un filtro lambda?

<div class='foo'/><!--match this--> 
<div class='bar'/><!--match this--> 
<div class='baz'> 
    <div class='foo'/> <!--don't match this--> 
</div> 

Answer 1

La verdad del asunto es que jQuery simplemente no tiene una manera particularmente elegante de hacer lo que quiera. Si bien la respuesta de caos funciona, debe preguntarse si el selector complicado (que sería tan lento como un selector en una página web complicada) lo vale más que la función de filtro más detallada pero más rápida que tiene. Esto no es tan importante, estoy cansado de los selectores especialmente largos y complicados cuando puedo evitarlo.

Una opción diferente es la creación de su propio selector, ya que jQuery es impresionante:

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

$('.foo,.bar').filter(':parents(.baz)'); 

El mapa expr es parte del motor selector de chisporroteo y la documentación se puede encontrar aquí: Sizzle Custom Pseudo-Selectors

Answer 2

$('.foo:not(.baz .foo),.bar:not(.baz .bar)') 

Answer 3

Añadir a: ('baz') no es de su selector de nivel superior.

Answer 4

El selector caos da debería funcionar:

$('.foo:not(.baz .foo),.bar:not(.baz .bar)') 

Sólo quería darle un consejo sobre una extensión de FireBug llamada FireFinder que se puede utilizar para probar sus selectores CSS/jQuery.

Desde el sitio web: Firefinder es una extensión de Firebug (en Firefox) y ofrece la funcionalidad para encontrar de manera rápida elementos HTML que coincidan con los selectores CSS seleccionados o la expresión XPath. Le permite probar instantáneamente sus selectores CSS en la página mientras ve el contenido al mismo tiempo, y se resaltarán los elementos coincidentes.

Answer 5

no pude 't conseguir que esto funcione:

$(".children:not(#parent .children)"); 

pero puedo conseguir que esto funcione:

$(".children").not($("#parent .children")); 

Nota: No estoy seguro si esto tiene algo que ver con la versión de jQuery que estoy usando 1.2.6

Answer 6

var $li = jQuery('li', this).not('.dropdown-menu > li');

estoy usando el tema Raíces y cambian los menús desplegables de 'sub menú 'a' menú .dropdown'

Answer 7

prueba este:

   $('div') 
       .filter(function() { 

        return ($(this).parent().not('.baz')); 
       })