Wie machen Sie jQuery's hasClass mit einfachem altem JavaScript? Zum Beispiel,
<body class="foo thatClass bar">Wie lautet die JavaScript-Methode, um zu fragen, ob <body> hat thatClass ?
Antworten
Zu viele Anzeigen?
Damien
Punkte
25589
Verwenden Sie einfach classList.contains() :
if (document.body.classList.contains('thatClass')) {
// do some stuff
}Andere Verwendungen von classList :
document.body.classList.add('thisClass');
// $('body').addClass('thisClass');
document.body.classList.remove('thatClass');
// $('body').removeClass('thatClass');
document.body.classList.toggle('anotherClass');
// $('body').toggleClass('anotherClass');Browser-Unterstützung:
- Chrom 8.0
- Firefox 3.6
- IE 10
- Oper 11,50
- Safari 5.1
Sie können prüfen, ob element.className passt zu /\bthatClass\b/ .
\b entspricht einem Wortumbruch.
Oder Sie können die eigene Implementierung von jQuery verwenden:
var className = " " + selector + " ";
if ( (" " + element.className + " ").replace(/[\n\t]/g, " ").indexOf(" thatClass ") > -1 ) Um Ihre allgemeinere Frage zu beantworten, können Sie sich die jQuery's Quellcode auf github oder in der Quelle für hasClass speziell in diesem Source Viewer .
raveren
Punkte
16958
Der wirksamste One-Liner, der
- gibt einen booleschen Wert zurück (im Gegensatz zur Antwort von Orbling)
- Liefert kein falsches Ergebnis bei der Suche nach
thisClassauf ein Element, das denclass="thisClass-suffix". - ist mit jedem Browser bis mindestens IE6 kompatibel
function hasClass( target, className ) {
return new RegExp('(\\s|^)' + className + '(\\s|$)').test(target.className);
}
az-stive
Punkte
337
Orbling
Punkte
20005
- See previous answers
- Weitere Antworten anzeigen
