Wie schließt man bestimmte Klassennamen in querySelectorAll() aus?

Lesezeit: 1 Minute

Wie kann ich Tag-Elemente ausschließen, die einen bestimmten Klassennamen haben?

<span class="test" />
<span class="test asd" />

document.querySelectorAll('span.test'); //how to exclude all spans with "asd" as class name?

$(‘span:not(.asd)’) – Das wird Ihnen helfen

– Prakashstar42

1. September 2014 um 11:59 Uhr
mögliches Duplikat von Wie kann ich eine Klasse aus meinem jQuery-Selektor ausschließen?

– Paolo Moretti

1. September 2014 um 11:59 Uhr
@membersound Also hast du dich endlich dafür entschieden querySelectorAll?

– Vision

1. September 2014 um 12:01 Uhr

Verwenden :not CSS-Pseudoklasse:

document.querySelectorAll('span.test:not(.asd)');

Hat in meinem Fall super funktioniert! Ich danke Ihnen sehr.

– Arif Billah

14. März 2022 um 9:27 Uhr

Verwenden Sie die Negations-Pseudoselektor von CSS, :not():

document.querySelectorAll('span.test:not(.asd)');

Die Negations-Pseudo-Klasse, :not(X), ist eine funktionale Notation, die einen einfachen Selektor (mit Ausnahme der Negations-Pseudoklasse selbst) als Argument verwendet. Es stellt ein Element dar, das nicht durch sein Argument dargestellt wird.

Was wäre wenn .asd ist eine Elternklasse? ZB wenn wir einige Elemente mit Klasse auswählen müssen .bbb die nicht haben .asd in irgendeiner Elternklasse? Ist es möglich zu verwenden :not() dieser Weg? Oder sollten wir zuerst alle Elemente mit Klasse auswählen .test und ohne Klasse .asdund extrahieren Sie dann irgendwie aus den resultierenden NodeList-Elementen mit der Klasse .bbb? Wenn ja, wie dann? 🙂

– ALS

21. Oktober 2018 um 6:00 Uhr

Element nach tagName und Elemente mit einer bestimmten Klasse ignorieren oder ausschließen:

document.querySelectorAll(`svg,div:not([class*="background"]`)

14382700cookie-checkWie schließt man bestimmte Klassennamen in querySelectorAll() aus?

#Javascript