jQuery ListNav Plugin

Demo 6

Specify a filterSelector and removing links with removeDisabled

$('#demoSix').listnav({
    filterSelector: '.last-name',
    includeNums: false,
    removeDisabled: true,
    allText: 'Complete Cast of Star Trek TNG'
});

Below you'll find a list of the Star Trek TNG Cast "generated" by a CMS. While you wanted to filter by last name it generated the first name fields first...

using filterSelector you can specify a css selector for your navigation to filter by! You can also remove letters that have no content by setting removeDisabled: true

In this demo, each LI contains a hidden div with class="last-name"
So setting filterSelector: '.last-name' lets us filter the list using that CSS selector.

NOTE: filterSelector will accept any valid CSS selector.

You can also set allText to a string to override the default text of "All."

• 

  Beverly Crusher

  Crusher

  Rank: Commander

  Date of Birth: Oct. 13, 2324

  Place of Birth: Copernicus City, Luna

• 

  Wesley Crusher

  Crusher

  Rank: Ensign

  Date of Birth: July 29, 2349

  Place of Birth: Earth

• 

  Data

  Data

  Rank: Lieutenant Commander

  Date of Birth: Feb. 2, 2338

  Place of Birth: Omicron Theta science colony

• 

  Geordi La Forge

  La Forge

  Rank: Commander

  Date of Birth: Feb. 16, 2335

  Place of Birth: African Confederation, Earth

• 

  Jean Luc Picard

  Picard

  Rank: Captain

  Date of Birth: July 13, 2305

  Place of Birth: Labarre, France, Earth

• 

  William Riker

  Riker

  Rank: Captain

  Date of Birth: August 19, 2335

  Place of Birth: Valdez, Alaska, Earth

• 

  Deanna Troi

  Troi

  Rank: Commander

  Date of Birth: March 29, 2336 (Terran equivalent)

  Place of Birth: Near Lake El-Nar, Betazed

• 

  Worf

  Worf

  Rank: Lieutenant Commander

  Date of Birth: December 9, 2340 (Terran equivalent)

  Place of Birth: Qo'noS, Klingon Empire