Utilisation de jQuery pour obtenir les descendants d'un élément qui ne sont pas les enfants d'un conteneur avec une certaine classe CSS

Je pense que ce que vous voulez utiliser est le pas sélecteur. Comme cela..

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

Alternativement, vous pouvez utiliser le les enfants sélecteur d'obtenir les enfants à partir de un niveau profond. Qui aurait exlclude les divs imbriqués.

À être un peu plus explicite, je pense que vous aurez envie d'utiliser le pas de sélecteur d'après vous, utilisez la fonction 'rechercher'. Comme ceci:

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

Vous pouvez passer d'une fonction à pas, de sorte que vous pourriez avoir cette fonction regarde les parents de chaque élément de match pour voir si elle est imbriquée à l'intérieur d'un élément avec la même classe.

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 vous pouviez ajouter une classe imbriquée conteneur, ce serait idéal, c'est tout simplement:

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

En supposant que vous avez ajouté à la classe des "imbriqués", à l'intérieur de la div conteneur.

Vous pouvez utiliser le sélecteur jquery comme ceci:

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