Comments on: Client side filtering data with jQuery

By: Josiah

Josiah — Mon, 19 Jul 2010 23:07:56 +0000

Hi! Is there a way to toggle the class of the selected filter to active?

My button classes are:

.filters a
.filters a:hover
.filters a:active

Thanks so much!

By: Venkat

Venkat — Mon, 31 May 2010 13:22:38 +0000

Excellent one…… really nice.

How can we make it same for Checkboxes instead of anchor tags.

By: Denis Valente

Denis Valente — Tue, 11 May 2010 14:22:48 +0000

Can I use multiple categories of filters on same list?

By: PaDalton

PaDalton — Sun, 17 Jan 2010 11:42:22 +0000

Thank’s for this !
I’m wontering on how simple it is when you know the commands

I’ve used it for filtering a -Field in order of the value of an other -field .

$(document).ready(function(){
$(‘#bdlnd option’).click(function(e){
e.preventDefault();
var filter = $(this).attr(‘class’);
$(‘#bez1 option’).show();
$(‘#bez1 option:not(.’ + filter + ‘)’).hide();
});
});

THANK YOU !

By: Boba

Boba — Wed, 06 Jan 2010 23:26:00 +0000

Try this. After the $(document).ready({ put this:

$(‘#content ul li:not(.uniqueClass).hide();

Where uniqueClass is the class you want to show by default.
Haven’t tested it but should work.

By: Heath

Heath — Tue, 05 Jan 2010 18:55:49 +0000

Is there a way to only show one class rather than all the classes on load? I tried using the following but it didn’t work. Hopefully it’ll help show what I’m trying to achieve:

Trying to replace this:
//show all the list items(this is needed to get the hidden ones shown)
$(‘#content ul li’).show();

With this:
//show only one class on load rather than all classes
$(‘#content ul .uniqueClass’).show();

Any help would be greatly appreciated!

Thanks,

- Heath

By: Client side filtering data with jQuery " TutsValley | My Web Development Bookmarks

Mon, 19 Oct 2009 22:00:28 +0000

[...] Visit link: Client side filtering data with jQuery " TutsValley [...]

By: Boba

Boba — Sun, 04 Oct 2009 22:30:27 +0000

I’m glad you like it

By: Mike Heath

Mike Heath — Sat, 03 Oct 2009 17:14:52 +0000

Many thanks – excellent straightforward tutorial. If this is typical we’re in for a treat!

Mike