GodahTech - Jquery Data Filter JS

Filtrar e atualizar o elemento pelo atributo '.data' ou dados que possuem valor do atributo específico.

Filter and update the element by the '.data' attribute or data that has a specific attribute value.

Godahtech | Soluções Digitais - Roberto W. Godoy

Version 1.0.8

🛡 Pode Confiar

📦 Instalação

1npm i jquery-data-filter-js

🔨 Usando:

HTML

1<div id="person-list">
2    <p class="filter-me" data-age="12">
3        Henrique, age 12
4    </p>
5    <p class="filter-me" data-age="15">
6        Noop, age 15
7    </p>
8    <p class="filter-me" data-age="14">
9        Raquel, age 14
10    </p>
11    <p class="filter-me" data-age="14">
12        Godoy, age 14
13    </p>
14    <p class="filter-me" data-city="São Paulo">
15        Godoy
16    </p>
17    <p class="filter-me" data-city="Paraíba">
18        Henrique
19    </p>
20    <p class="filter-me" data-city="Paraíba">
21        Goreth
22    </p>
23    <p class="filter-me" data-city="Paraíba">
24        Iracy
25    </p>
26    <p class="filter-me" data-city="Paraíba">
27        Raquel
28    </p>
29    <p class="filter-me" data-city="São Paulo">
30        Leandro
31    </p>
32</div>

JAVASCRIPT

1    $(document).ready(function () {
2
3        console.log($(".filter-me").filterData("person").length);
4        //Output: 0
5
6        console.log($(".filter-me").filterData("age").length);
7        //Output: 4
8
9        console.log($(".filter-me").filterData("age", 12).length);
10        //Output: 1
11        
12        console.log($(".filter-me").filterData("age", 14).first().text());
13        //Output: Raquel, age 14
14
15        console.log($(".filter-me").filterData("age", 14, 10).first().text("Raquel, age 10").text());
16        //Output: Raquel, age 10
17        
18        console.log($(".filter-me").filterData("age", 10).length);
19        //Output: 2
20        
21        console.log($(".filter-me").filterData("age", 14).length);
22        //Output: 0
23
24        console.log($(".filter-me").filterData("city").length);
25        //Output: 6
26
27        console.log($(".filter-me").filterData("city", "São Paulo").length);
28        //Output: 2
29
30        console.log($(".filter-me").filterData("city", "São Paulo").text());
31        //Output: Godoy, Leandro
32
33        console.log($(".filter-me").filterData("age", 10).first().text());
34        //Output: Raquel, age 10
35
36        console.log($(".filter-me").filterData("city", "Paraíba").eq(2).text());
37        //Output: Iracy
38
39    });

🌍 Suporte aos ambientes

• Navegadores modernos e Internet Explorer 11

IE / Edge	Firefox	Chrome	Safari	Opera	Electron
IE11, Edge	últimas 2 versões	últimas 2 versões	últimas 2 versões	últimas 2 versões	últimas 2 versões

🖥 Desenvolvimento

Use Gitpod, um ambiente de desenvolvimento online para GitHub.

Ou clone localmente:

1$ git clone https://github.com/godoyrw/jquery-data-filter.git
2$ cd jquery-data-filter
3$ npm install
4$ npm start

❤️ Licença e Log de Atualizações

O Jquery Data Filter JS está disponível gratuitamente sob a licença MIT.
Use-o, aprenda com ele, bifurque-o, melhore-o, mude-o, adapte-o às suas necessidades.

---

- Version 1.0.7@last - Filtrar e atualizar o elemento pelo atributo '.data' ou dados que possuem valor do atributo específico.

---

• Version 1.0.0 - Filtrar o elemento pelo atributo '.data' ou dados que possuem valor do atributo específico.

---