HTML Data-Attribut

[Christian Kruse]

Hallo Thomas,

1. Lehrere
2. Schueler
3. Artikel (die keiner Kategorie zugeordnet sind)

Jetzt möchte ich anhand dieser Data-Attribute irgendwie die Artikel filtern / verfeinern. Sprich klick ein User die Checkbox (oder ein Link, was mit völlig egal ist) Schüler an, sollten alle Artikel ausgeblendet werden, die NICHT zu diesem angeklickten Bereich gehören.

Das ist nicht weiter schwer, vor allem, wenn dir bereits jQuery zur Verfügung steht. Du musst halt die Werte aus den Checkboxen zusammen suchen (am besten in einen Array), dann alle Artikel durchgehen und schauen, ob der Wert von data-article in dem Array enthalten ist.

var values = ['foo', 'bar'];
$('[data-article]').each(function() {
  if(!$.inArray($(this).attr('data-article'), values)) {
    $(this).css('display', 'none');
  }
});

Genauer kann man ohne Beispiel-Code nicht werden.

Dazu sind doch die Data-Attribute da?

Sagen wir es so: die Data-Attribute sind zur Interaktion mit JS da.

LG,
CK