jQuery-Get-Klasse
Dieses Tutorial zeigt, wie Sie den Klassennamen in jQuery erhalten.
jQuery-Get-Klasse
Die Methode attr() kann den Klassennamen in jQuery abrufen. Neben dieser Methode kann mit der Methode hasClass() geprüft werden, ob das jeweilige Element einen bestimmten Klassennamen hat.
Lassen Sie uns Beispiele für beide Methoden beschreiben und zeigen.
Die Methode attr() wird verwendet, um den Wert von HTML-Elementattributen zu erhalten. Wir können den Klassennamen in der Methode attr() als Parameter verwenden, um den Namen der Klasse zu erhalten.
Die Syntax zum Abrufen des Klassennamens mit der Methode attr ist unten.
attr('class')
Lassen Sie uns ein Beispiel für diese Methode ausprobieren.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Get Class Name</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var Name = $("#DELFTSTACK").attr("class");
alert(Name);
});
});
</script>
</head>
<body>
<div id="DELFTSTACK" class="Delfstack">Click the button to get the class name for this element.</div>
<button type="button">Click Here</button>
</body>
</html>
Der obige Code alarmiert den Klassennamen des angegebenen Elements. Siehe Ausgabe:
Lassen Sie uns prüfen, ob die Klasse den Namen hat, den wir von der Methode attr() erhalten haben. Zu diesem Zweck können wir die Methode hasClass() verwenden.
Siehe Beispiel:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Get Class Name</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var Name = $("#DELFTSTACK").attr("class");
if ($( "#DELFTSTACK" ).hasClass( Name )){
alert(Name);
}
});
});
</script>
</head>
<body>
<div id="DELFTSTACK" class="Delfstack">Click the button to get the class name for this element.</div>
<button type="button">Click Here</button>
</body>
</html>
Der obige Code hat eine ähnliche Ausgabe, da die Methode attr uns den richtigen Klassennamen zurückgibt und die Methode hasClass true zurückgibt. Siehe Ausgabe:
Sheeraz is a Doctorate fellow in Computer Science at Northwestern Polytechnical University, Xian, China. He has 7 years of Software Development experience in AI, Web, Database, and Desktop technologies. He writes tutorials in Java, PHP, Python, GoLang, R, etc., to help beginners learn the field of Computer Science.
LinkedIn Facebook