如何获取两个jquery对象的交集

Question

我有许多带有以下标记的元素:

<div id="div1" data-category="mycategory" data-feature="myfeature"></div>
<div id="div2" data-category="anothercategory" data-feature="myfeature"></div>
<div id="div3" data-category="mycategory" data-feature="myfeature"></div>
<div id="div4" data-category="mycategory" data-feature="anotherfeature"></div>

两个引用这些的jQuery选择器:

$cats = $('div[data-category="mycategory"]');
$features = $('div[data-features="myfeature"]');

如何将这两个选择器合并为一个BOTH引用为真的选择器？我想最终得到一个只包含div 1和3的选择器但是使用已经存在的$ cats和$ features - 而不是基于标记构建另一个选择器

Answer 1

联盟:

$('div[data-category="mycategory"], div[data-features="myfeature"]')...

这将让所有div其中任一的[data-category]属性mycategory 或该[data-features]属性myfeature.

这可以通过多个选择器来完成 $one.add($two)

路口:

$('div[data-category="mycategory"][data-features="myfeature"]')...

这将让所有div其中两个的[data-category]属性mycategory 和该[data-features]属性myfeature.

这可以通过多个选择器来完成 $one.filter($two)