Usar jQuery para obtener descendientes de un elemento que no son secundarios de un contenedor con una clase de CSS determinada

Question

Tengo una situación en la que necesito seleccionar todos los descendientes de un elemento determinado, pero excluyen los que son hijos de un contenedor que es igual a la clase CSS del contenedor en el que ejecuto mi selector.

Descripción bastante complicada.

<div class="container"> 
    <div class="element"></div> 
    <div class="element"></div> 
    <div class="element"></div> 
    <div class="element"> 
     <div class="container"> 
      <div class="element"></div> 
      <div class="element"></div> 
      <div class="element"></div> 
     </div> 
    </div> 

Ejecución de un jQuery .find ('elemento') en el DIV exterior me llevará todos los DIVs, incluso los más interior del segundo recipiente. Eso es lo que trato de evitar.

¿Hay una solución de selector jQuery rápida y sencilla para este caso?

Answer 1

Creo que lo que quiere usar es el selector not. Como esto ..

$(".container").not(".container .container") 

Alternativamente, se puede utilizar el selector children, para llegar a los niños de un nivel de profundidad. Que excluiría los divs anidados.

Para ser un poco más explícito, creo que querrá usar el selector de no después de usar 'buscar'. De esta manera:

$(".container").find(".element").not($(".container .container .element")) 

se puede pasar a una función no es así, lo que podría tener ese aspecto en función de los padres de cada partido elemento para ver si está anidado dentro de un elemento con la misma clase.

http://jsfiddle.net/QXfs2/6/

removeIfNested = function(index) { 
    // this is the corrent DOM element 
    var $this = $(this), 
     return_value = false; 

    $.each($this.attr('class').split(/\s+/), function(index) { 
     if ($this.parents("." + this).length > 0) { 
      return_value = default_value || true; 
     } 
    }); 

    return return_value; 
} 


$(".container").find(".element").not(removeIfNested); 

Si usted podría agregar una clase al contenedor anidado, que sería lo ideal, entonces es simplemente:

$(".container").find(".element").not($(".nested .element")) 

Suponiendo que ha añadido la clase "anidados", a su contenedor interno div.

Answer 2

Para su ejemplo específico que esto funcionaría -

$("body > div.container > .element") 

Eso sólo va a los divs elemento de nivel superior. Si su colección de elementos estaba en una estructura diferente, puede sustituir body con el identificador de contenedor de la colección.

Demo - http://jsfiddle.net/QAP37/

Answer 3

Usted puede utilizar el selector de jQuery como esto:

find('*:not(.container .container *)')