5

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

我看过其他关于“组合”结果的帖子，例如： 如何组合两个 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); //

任何信息/想法将不胜感激

4

2 回答 2

6

You can use add() to combine selectors:

var $all = dom.find('.abc').add(dom.filter('.abc'));
于 2013-10-14T14:51:11.147 回答
1

Use .add() to combine selectors.

Add elements to the set of matched elements.

var added = dom.find('.abc').add(dom.filter('.abc'));
于 2013-10-14T14:51:43.710 回答