Für ein aktuelles Projekt erstelle ich einen einfachen Produktkatalog, der von Jquery mit mehreren Kontrollkästchensätzen gefiltert werden kann.

Wenn in einer einzelnen Gruppe zwei oder mehr Kontrollkästchen aktiviert sind, sollte die Logik ODER sein, während sie bei Verwendung von zwei oder mehr Kontrollkästchen UND sein sollte.

Ein gutes (und funktionierendes) Beispiel, das ich derzeit verwende, finden Sie hier:

https: //stackoverflow.com/a/22941156/556773

JSFIDDLE

if (cselector === '' && nselector === '') {
    $('.flowers > div').filter(selector).show();
} else if (cselector === '') {
    $('.flowers > div').filter(selector).filter(nselector).show();
} else if (nselector === '') {
    $('.flowers > div').filter(selector).filter(cselector).show();
} else {
    $('.flowers > div').filter(selector).filter(cselector).filter(nselector).show();
}

Meine Frage bezieht sich auf diesen Teil des Codes, in dem die Filter verwendet werden, falls sie ausgewählt wurden. Dies funktioniert jetzt ziemlich gut für die 3 Filter, die in dem Beispiel verwendet werden. Was ich mich frage, gibt es einen besseren Weg, dies zu tun? In meinem Fall möchte ich weitere Filter hinzufügen, und dann wird dieser Teil des Codes ziemlich bald unübersichtlich, wenn ich viel mehr if-Anweisungen hinzufügen muss.

Also im Grunde ist meine Frage: Mit diesem Setup, wie würden Sie mehr Filter hinzufügen, so dass Sie am Ende 6 oder 7 anstelle der aktuellen 3 haben?

ielen Dank, Pet

P.S. Ich schätze auch Tipps für ganz andere Ansätze, aber da ich bereits einige Zeit darauf verwendet habe, möchte ich wirklich, dass es so funktioniert.