jquery - 如何合并 jQuery find() 和 filter() 的结果？

Question

这个问题已经有答案了:

How to combine two jQuery results (2 个回答)

已关闭 9 年前。

假设我编写了一个 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)

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

我怎样才能:
- 进行一次调用，同时找到#root 和#child2，或者
- 合并find()和filter()的结果

我看过其他关于“组合”结果的帖子，例如: How to combine two jQuery results但这并不是真正的“组合”，而是“将更多结果附加到预先存在的结果中”

我真正想做的是类似于 $.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'));