Filter by multiple data attribute elements

Question

I've got some list items i want to filter using selects if the data attribute has all of the select option values not just if it has one or another. ```

item 1

item

item 1

``` I have some select boxes firing an onchange event which first hides all items ``` $('.filterme').hide(); ``` And i then want to show if a data attribute contains all values passed to it. I tried ``` $(".filterme[data-type*='" + Secondary && Physical && KS1 + "']").show(); ``` Which i want to show this one ```

item 1

``` But it doesnt show any matches I can get it to work with just one value, but how do i check if a data attribute contains multiple values, not OR but AND? thanks

Accepted Answer

Try like this

```
$(".filterme").each(function() {
  if ($(this).data("type").indexOf("Secondary") > -1 && $(this).data("type").indexOf("Physical") > -1 && $(this).data("type").indexOf("KS1") > -1) {
    console.log($(this).data("type"));
  }
})
```

`DEMO`

Filter by multiple data attribute elements

Solution

Problem