A repository of over 1000 quality jQuery plugins

jQuery jQuery Data Filter

jQuery Data Filter is a jQuery Filter & Sort plugin.

Created by Layervault

Better jQuery data-* filtering

Not what you're looking for? Click here to view more Filter & Sort jQuery plugins


Because the world is better through a filter.

At LayerVault, we make heavy use of filtering DOM elements by their data-* attributes. That's because we believe JavaScript is the worst place to keep your Model.

We might have a dozen or so data-* attributes attached to different DOM elements. You'll be surprised how much easier your life will be.

Old Way

var versions = $('.Revision').filter('[data-project-id="' + projectId + '"]');

New Way with jquery.data.filter.js

var versions = $('.Revision').dfilter('project-id', projectId);

You can even opt to only check against existence of a non-blank data-* attribute:

var versions = $('.Revision').dfilter('project-id');
var sameVersions = $('.Revision').dfilter('project-id', true);

Or, give it an array!

var versions = $('.Revision').dfilter('project-id', [100, 101]);

You can also filter using true and false. A value of true filters elements with that data attribute, even if the attribute is blank. A value of false will select all things without that data attribute:

var versions = $('.Revision').dfilter('project-id', false); // Selects all revisions without a project-id


Quick and Dirty Way

Host and serve out jquery.data.filter.js in a script tag:

<script src="/jquery.data.filter.min.js"></script>

Best Way

Make sure this gets combined into your asset package. It's a small file and it'd be a shame to waste a whole request on it.


jquery.text.fadeto.js was originally developed for LayerVault by Kelly Sutton.

You can see more projects from LayerVault in the LayerVault Cosmos.

You might also like these other Filter & Sort jQuery Plugins

  • jquery-sdfilterme

    Another simple light-weight jQuery plugin to easily filter and order portfolio, articles, gallery, etc.

  • Tabulous JS

    A jQuery tabs module for todays web!

  • jQuery FastLiveFilter

    A live filter plugin for jQuery that is built for speed and ease of use.