So wählen Sie ein Element aus, das keine bestimmte Klasse hat

Ich frage mich, wie ich ein Element auswählen soll, das keine bestimmte Klasse hat, und zwar mit JavaScript, nicht mit jQuery.

Zum Beispiel habe ich diese Liste:

<ul id="tasks">
  <li class="completed selected">One Task</li>
  <li>Two Task</li>
</ul>

und ich wähle die erledigte Aufgabe aus durch:

var completeTask = document.querySelector("li.completed.selected");

Aber dann bin ich mir nicht sicher, wie ich das Listenelement auswählen soll, das diese Klassen nicht hat.

Dies wählt das zweite LIElement aus.

document.querySelector("li:not([class])")

oder

document.querySelector("li:not(.completed):not(.selected)")

Beispiel:

// select li which doesn't have a 'class' attribute...
console.log(document.querySelector("li:not([class])"))

// select li which doesn't have a '.completed' and a '.selected' class...
console.log(document.querySelector("li:not(.completed):not(.selected)"))

 <ul id="tasks">
    <li class="completed selected">One Task</li>
    <li>Two Task</li>
  </ul>

So wählen Sie das aus <li>, das noch completedkeine selectedKlasse hat:

document.querySelector("li:not(.completed):not(.selected)");

Geige

http://jsfiddle.net/Z8djF/

Sie können den :not()Selektor ausprobieren

var completeTask = document.querySelector("li:not(.completed):not(.selected)");

http://jsfiddle.net/UM3j5/

document.querySelectorAll('[wf-body=details] input:not(.switch):not(.btn)').forEach(function(e){
    // do whatever you want. with 'e' as element :P
});

Versuchen Sie stattdessen, eine Reihe von Kindern der Eltern zu erhalten:

var completeTask = document.querySelector("#tasks").childNodes;

Dann schleifen / suchen Sie sie nach Bedarf.