# jquery-data-filter-js

> Filter object by data or data has specific data value

Latest version **1.0.8** (published 2020-08-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install jquery-data-filter-js
pnpm add jquery-data-filter-js
yarn add jquery-data-filter-js
bun add jquery-data-filter-js
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.8 |
| Published | 2020-08-12 |
| First published | 2019-12-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 25.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Godahtech \| Soluções Digitais - Roberto W. Godoy |
| Maintainers | godoyrw |
| Keywords | jquery, javascript, browser, library |

## Links

- npm: https://www.npmjs.com/package/jquery-data-filter-js
- Repository: https://github.com/godoyrw/jquery-data-filter
- Homepage: https://github.com/godoyrw/jquery-data-filter#readme
- Issues: https://github.com/godoyrw/jquery-data-filter/issues
- npm.io page: https://npm.io/package/jquery-data-filter-js

## Dependencies (1)

- [jquery](https://npm.io/package/jquery.md) ^3.5.1

## Recent versions

- 1.0.8 (latest) — 2020-08-12
- 1.0.7 — 2020-08-11
- 1.0.6 — 2020-08-11
- 1.0.5 — 2020-08-11
- 1.0.3 — 2020-08-11
- 1.0.2 — 2020-08-11
- 1.0.1 — 2019-12-18

## README

# GodahTech - Jquery Data Filter JS
<p>Filtrar e atualizar o elemento pelo atributo '.data' ou dados que possuem valor do atributo específico.</p>
<p>Filter and update the element by the '.data' attribute or data that has a specific attribute value.</p>
<p>Godahtech | Soluções Digitais - Roberto W. Godoy</p>
<b>Version 1.0.8</b>

## 🛡 Pode Confiar
[![godahtech](https://img.shields.io/endpoint?url=https%3A%2F%2Fgodahtech.com.br%2Fgodahshield.json%3Furl%3Dhttps%3A%2Fgodahtech.com.br%2F)](http://godahtech.com.br/) [![GitHub](https://img.shields.io/github/license/godoyrw/jquery-data-filter)](https://github.com/godoyrw/jquery-data-filter/blob/master/LICENSE) [![Known Vulnerabilities](https://snyk.io/test/github/godoyrw/jquery-data-filter/badge.svg?targetFile=package.json)](https://snyk.io/test/github/godoyrw/jquery-data-filter?targetFile=package.json) [![npm](https://img.shields.io/npm/v/jquery-data-filter-js/latest?registry_uri=https%3A%2F%2Fregistry.npmjs.com%2Fjquery-data-filter-js&style=flat-square)](https://www.npmjs.com/package/jquery-data-filter-js) [![Build Status](https://travis-ci.com/godoyrw/jquery-data-filter.svg?branch=master)](https://travis-ci.com/godoyrw/jquery-data-filter) 

![GitHub file size in bytes](https://img.shields.io/github/size/godoyrw/jquery-data-filter/dist/jquery-data-filter.min.js?label=size%20min.js&style=flat-square) ![GitHub file size in bytes](https://img.shields.io/github/size/godoyrw/jquery-data-filter/dist/jquery-data-filter.js?style=flat-square) ![GitHub issues](https://img.shields.io/github/issues/godoyrw/jquery-data-filter?style=flat-square) ![GitHub Releases](https://img.shields.io/github/downloads/godoyrw/jquery-data-filter/1.0.7/total?style=flat-square)

## 📦 Instalação

```bash
npm i jquery-data-filter-js
```

## 🔨 Usando:

### HTML
```html
<div id="person-list">
    <p class="filter-me" data-age="12">
        Henrique, age 12
    </p>
    <p class="filter-me" data-age="15">
        Noop, age 15
    </p>
    <p class="filter-me" data-age="14">
        Raquel, age 14
    </p>
    <p class="filter-me" data-age="14">
        Godoy, age 14
    </p>
    <p class="filter-me" data-city="São Paulo">
        Godoy
    </p>
    <p class="filter-me" data-city="Paraíba">
        Henrique
    </p>
    <p class="filter-me" data-city="Paraíba">
        Goreth
    </p>
    <p class="filter-me" data-city="Paraíba">
        Iracy
    </p>
    <p class="filter-me" data-city="Paraíba">
        Raquel
    </p>
    <p class="filter-me" data-city="São Paulo">
        Leandro
    </p>
</div>
```

### JAVASCRIPT
```javascript
    $(document).ready(function () {

        console.log($(".filter-me").filterData("person").length);
        //Output: 0

        console.log($(".filter-me").filterData("age").length);
        //Output: 4

        console.log($(".filter-me").filterData("age", 12).length);
        //Output: 1
        
        console.log($(".filter-me").filterData("age", 14).first().text());
        //Output: Raquel, age 14

        console.log($(".filter-me").filterData("age", 14, 10).first().text("Raquel, age 10").text());
        //Output: Raquel, age 10
        
        console.log($(".filter-me").filterData("age", 10).length);
        //Output: 2
        
        console.log($(".filter-me").filterData("age", 14).length);
        //Output: 0

        console.log($(".filter-me").filterData("city").length);
        //Output: 6

        console.log($(".filter-me").filterData("city", "São Paulo").length);
        //Output: 2

        console.log($(".filter-me").filterData("city", "São Paulo").text());
        //Output: Godoy, Leandro

        console.log($(".filter-me").filterData("age", 10).first().text());
        //Output: Raquel, age 10

        console.log($(".filter-me").filterData("city", "Paraíba").eq(2).text());
        //Output: Iracy

    });
```

## 🌍 Suporte aos ambientes

- Navegadores modernos e Internet Explorer 11

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>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.

[![Abrir no Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/godoyrw/jquery-data-filter)

Ou clone localmente:

```bash
$ git clone https://github.com/godoyrw/jquery-data-filter.git
$ cd jquery-data-filter
$ npm install
$ npm start
```
## ❤️ Licença e Log de Atualizações
O Jquery Data Filter JS está disponível gratuitamente sob a licença MIT.<br/> Use-o, aprenda com ele, bifurque-o, melhore-o, mude-o, adapte-o às suas necessidades.
<hr/>
- <b>Version 1.0.7@last</b> - Filtrar e atualizar o elemento pelo atributo '.data' ou dados que possuem valor do atributo específico.
<hr/>

- <b>Version 1.0.0</b> - Filtrar o elemento pelo atributo '.data' ou dados que possuem valor do atributo específico.
<hr/>

---
_Source: https://npm.io/package/jquery-data-filter-js · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._