Wählen Sie mehrere Klassennamen in demselben Objekt

Question

Ich versuche, einen Tab-Filter von jquery zu machen. Ich möchte fragen, wie nur div wählen hat Klasse Typ1 hat auch Klasse Typ2

<div class="type1 type2"> </div> //select this one 
    <div class="type1 type4"> </div> 

und überprüfen Sie die Auswahllänge, wenn sie

var typeselect = $('select the div above'); 
    if(typeselect.length > 0){} found it 
    else 

Answer 1

gefunden können Sie class selector wie unten verwenden,

var typeselect = $('div.type1.type2'); 

Answer 2

Sie verwenden .type1.type2 (Hinweis: kein Leerzeichen), um nur Elemente auszuwählen, die beide Klassen haben. Weitere Informationen zu Selektoren finden Sie unter the specification.

Dies ist nur eine Anwendung des allgemeinen Prinzips, dass Selektorelemente kombiniert sein können. Das heißt, Sie können einen ID-Selektor wie #foo mit einem Klassenselektor wie .bar zu #foo.bar kombinieren (nur das Element finden, wenn es sowohl die ID als auch die Klasse hat). Oder Kombinieren eines Klassenselektors mit einem Attributselektor: .foo[data-special] (das Element nur finden, wenn es die Klasse und das Attribut besitzt). Oder Kombinieren eines Tag-Selektors mit einer Pseudoklasse: div:hover.