jQuery Obtenir la classe
Ce tutoriel montre comment obtenir le nom de la classe dans jQuery.
jQuery Obtenir la classe
La méthode attr() peut obtenir le nom de la classe dans jQuery. Outre cette méthode, la méthode hasClass() peut être utilisée pour vérifier si l’élément particulier a un nom de classe particulier.
Décrivons et montrons des exemples pour les deux méthodes.
La méthode attr() est utilisée pour obtenir la valeur des attributs des éléments HTML. Nous pouvons utiliser le nom de la classe dans la méthode attr() comme paramètre pour obtenir le nom de la classe.
La syntaxe pour obtenir le nom de la classe à l’aide de la méthode attr est ci-dessous.
attr('class')
Essayons un exemple de cette méthode.
<!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>
Le code ci-dessus alertera le nom de classe de l’élément donné. Voir la sortie :
Vérifions si la classe porte le nom que nous avons obtenu de la méthode attr(). Pour cela, nous pouvons utiliser la méthode hasClass().
Voir exemple :
<!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>
Le code ci-dessus aura une sortie similaire car la méthode attr nous renverra le nom de classe correct, et le hasClass renverra true. Voir la sortie :
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