javascript - jQuery 不是类(class)的 child

Question

如果我有:

<div class="wrapper">
    <div>
        <div class="list">
        </div>
    </div>
    <div class="wrapper">
        <div class="list">
        </div>
    </div>
    <div class="list">
    </div>
</div>

当我有一个“包装”div 的 jQuery 实例时，我如何才能在那个 div 中找到东西，但不能在任何子“包装”div 中找到东西？

我想wrapper.find('.list') 并得到第一个和第三个列表，但不是第二个。 wrapper.find('.list').not('.wrapper .wrapper *') 似乎有效，但不确定是否有更好的方法。

Answer 1

我想您可能正在寻找这样的东西:

var $target = $(".wrapper .list").filter(function(){
  return $(this).parents(".wrapper").length === 1;
});

$target.css("background-color", "coral");

div{
  min-height: 10px;
  min-width: 10px;
  padding: 10px;
  border: solid 1px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper">
    <div>
        <div class="list"></div>
    </div>
    <div class="wrapper">
        <div class="list"></div>
    </div>
    <div class="list"></div>
</div>