如何组合jQuery find()和filter()的结果？

Question

假设我编写了一个DOM片段：

var dom = $("
    <div id='root' class='abc'>
       <div id='child1' class='xxx'>no-match</div>
       <div id='child2' class='abc'>match!</div>
       <div id='child3' class='xxx'>no-match</div>
    </div>
");

我想用'.abc‘检索所有元素(即#root和#child2 2)

dom.find('.abc')将返回所有匹配的子元素(即。只是#儿童2)

dom.filter('.abc')将返回所有匹配的根元素(即。只是#根)

我怎样才能做到：

• 进行一个同时找到#root和#child2 2的调用，或者
• 组合find()和filter()的结果

我见过其他关于“合并”结果的帖子，如：如何组合两个jQuery结果，但这并不是真正的“合并”，而是“将更多的结果附加到预先存在的结果”。

我真正想做的是类似于$.extend()

var one = dom.find('.abc');
var two = dom.filter('.abc');
var three = combine(one, two);
// or one.somefcn(two); // One is augmented
// or three = one.somefcn(two); // 

如有任何信息/想法，将不胜感激。

Answer 1

您可以使用add()组合选择器：

var $all = dom.find('.abc').add(dom.filter('.abc'));

Answer 2

使用.add()组合选择器。

将元素添加到匹配的元素集中。

var added = dom.find('.abc').add(dom.filter('.abc'));