javascript - 如何在不使用 children() 的情况下从选择中排除子元素内的元素？

Question

我有这样一个元素:

<div id="foo">
  <a href="#" class="some">click me</a>
  <div id="bar">
     <a href="#" class="some">click me too</a>
  </div>
</div>

我需要选择不在 bar 内的 a 元素。问题是我不能使用 children()，因为我的 foo 比上面的要复杂得多。

问题:
有没有一种方法可以从 foo 中选择“某些”元素并从 bar 中明确排除“某些”元素？

Answer 1

如果 anchor 元素可能并不总是 foo 的直接子元素，您可以使用 filter() 方法。

var anchors = $("#foo a").filter(function(){
    return !$("#bar").find(this).length;
});

工作示例 http://jsfiddle.net/v63tC/