Multiple filters with Jquery

Question

I have some div´s in my page (build with php+jquery) and I want to filter them according to their attributes (if there´s more than 1 attribute filtering, than it will narrow down the search). The div´s look like this: ```

Whatever content 1

Whatever content 2

Whatever content 3

Whatever content 4

Whatever content 5

Whatever content 6

``` Then, I have a form to filter the div´s attributes: ```

Accepted Answer

You should use the filter() function:

```
var filteredList = elements
                      .filter("[status=status1]")
                      .filter("[title*=something]");
// and so on
```

In your example:

```
$("#filtroSolicitacoes").submit(function() {
    $("#solicitacoes > div").show();
    var filtroProtocolo = $("#filtroProtocolo").val();
    var filtroSolicitante = $("#filtroSolicitante").val().toUpperCase();
    var filtroStatus = $("#filtroStatus").val();
    var filtroAnalista = $("#filtroAnalista").val();
    var filtroResultado = $("#filtroResultado:checked").length;

var elements = $("[id=filtros]");

if(filtroStatus !== "0"){
        elements = elements.filter("[status='"+filtroStatus+"']");
    }
    if(filtroProtocolo !== ""){
        elements = elements.filter("[id='"+filtroProtocolo+"']");
    }

// and so on

$("#solicitatcoes > div").not(elements).hide();

return false;
});
```

Multiple filters with Jquery

Solution

Problem