使用jQuery来获取不是具有某个CSS类的容器的子元素的后代

<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>

我想你想要使用的是 not选择器。喜欢这个..

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

@H_674_2@或者，您可以使用children选择器，从一级深度获取孩子。这将排除嵌套div。

@H_674_2@要更清楚一点，我想在使用’find’后，您将要使用Not SELEctor。喜欢这个：

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

@H_674_2@您可以将函数传递给不可用，因此您可以使该函数查看每个元素的父项匹配，以查看它是否嵌套在具有相同类的元素之内。

@H_674_2@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);

@H_674_2@如果你可以添加一个类到嵌套容器，那将是理想的，那就是：

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

@H_674_2@假设你将类“嵌套”添加到你的内部容器div中。