jQuery目标具有多个需求的ID集合

Question

我希望能够针对一个元素集合，但有多个需求。例如：

<tr id="tr_brown_tall_young"><td></td></tr>
<tr id="tr_blue_tall_adult"><td></td></tr>
<tr id="tr_blue_short_adult"><td></td></tr>
<tr id="tr_green_short_old"><td></td></tr>
// Say I want to show rows only of people with blue eyes and tall height
$('[id*=tr_]).hide();
$('[id*=blue] && [id*=tall]').show(); // This is what I can't figure out how to do

不幸的是，由于潜在的重叠，我无法应用一个过滤器，然后再应用另一个。在上面的例子中，蓝眼睛或高个子的人会出现。在jQuery中有办法做到这一点吗？如果不是，也许是另一个JS库？

Answer 1

它只是错误的分隔符-给你，

这是您想要OR条件的时候：

$('[id*=tall_], [id~=blue_]').hide();

您可以在此处找到更完整的示例：
https://jsfiddle.net/sagive/o7cef4jy/13/

此时您需要AND条件：

$('[id*=tall_][id*=blue_]').hide();