jquery - 使用 JQuery 选择非嵌套子节点

Question

我有一个 HTML 结构，其中包含带有 container 类的嵌套 div:

<div class="container" id="0">
  <div id="1">
    <div class="container" id="2">
      <div class="container" id="3"></div>
    </div>
    <div id="4">
      <div class="container" id="5"></div>
    </div>
  </div>
</div>

这可能包括更多的 div 和更深/不同的嵌套。

从树中的某个点开始，我想找到该子树中未嵌套在其他容器中的所有容器。例如，从 div #1 中，我想找到 div #2 和 #5，但不是 #3 (因为它嵌套在已找到的容器 #2 中)。

实现这一目标的最佳方法是什么？

Answer 1

function getOuterContainers(el) {

    if (el.length == 0)
        return $([]);
    else
        return el.children('.container').add( getOuterContainers(el.children(':not(.container)')) );

}

查看一下:http://jsfiddle.net/GZ3Tx/