În acest articol, vă vom arăta cum să cunoașteți clasa HTML a unui element prin codul său de identificare sau să verificați dacă există o astfel de clasă pentru un element. În plus, că putem învăța și lua un element de clasă, putem folosi această metodă pentru a afla și a obține orice alt atribut al elementului.
Verificarea unei clase de elemente
După cum știm, toate elementele HTML pot avea un atribut de clasă, care poate avea mai multe valori listate de un spațiu.
Și deci, avem un element div în cod HTML, care are două clase - myClass1, myClass2. Avem o sarcină - să verificăm cu jQuery dacă elementul are o anumită clasă prin codul său de identificare. Acest lucru se poate face folosind metoda .hasClass (). De exemplu, dacă vrem să știm dacă un element are clasa myClass2, atunci facem următorul control.
Metoda .hasClass () întoarce întotdeauna o valoare de tip boolean. Aceasta este, dacă avem o astfel de clasă, valoarea validă booleană va fi returnată și testul va avea succes. În cazul nostru, vom vedea mesajul "Elementul are clasa myClass2!".
Foarte des dezvoltatorii începători folosesc metoda .attr () pentru a testa / compara clasele. Dar această metodă de testare nu va funcționa corect dacă clasa atribut are o valoare mai mare. Codul de probă de mai jos nu este scris corect.
Aflați / obțineți valoarea unei clase de elemente
V-am spus deja că folosind metoda .attr (), nu puteți verifica sau compara valoarea atributului de clasă, dar cu această metodă puteți obține valoarea atributelor. Dacă un element are o singură clasă, atunci îl putem obține și îl putem folosi fără nicio altă acțiune suplimentară.
Dar dacă elementul are mai multe clase, atunci trebuie să împărțiți șirul rezultat într-o matrice:
Folosind această metodă, puteți învăța și obține valoarea oricărui atribut.