jquery - 按多个数据属性元素过滤

Question

如果数据属性具有所有选择选项值，而不仅仅是一个或另一个，我想使用选择来过滤一些列表项。

<li class="filterme" data-type="Primary Academy Physical KS1">item 1</li>
<li class="filterme" data-type="Secondary Academy Physical KS2">item</li>
<li class="filterme" data-type="Secondary Academy Physical KS1">item 1</li>
<li class="filterme" data-type="Academy Physical KS1">item 1</li>

我有一些选择框触发 onchange 事件，该事件首先隐藏所有项目

$('.filterme').hide();

然后我想显示数据属性是否包含传递给它的所有值。我试过了

$(".filterme[data-type*='" + Secondary && Physical && KS1 + "']").show();

我想展示这个

<li class="filterme" data-type="Secondary Academy Physical KS1">item 1</li>

但它没有显示任何匹配项我可以让它仅使用一个值，但如何检查数据属性是否包含多个值，不是 OR，而是 AND？

谢谢

Answer 1

另一种选择是使用多个选择器，然后对其进行过滤。

项目 1等等

然后您可以过滤:

// data-type1 AND data-type-2
if ($(this).find('[data-type1="Primary"][data-type-2="Academy"]').length) {
    //stuff
}

// data-type1 OR data-type-2
if ($(this).find('[data-type1="Primary"],[data-type-2="Academy"]').length) {
    //stuff
}