En este artículo, encontraremos la clase del elemento seleccionado usando jQuery. Para encontrar la clase del elemento seleccionado, usamos esta propiedad.className. La propiedad className se usa para establecer o devolver el valor del atributo de clase de un elemento. Usando esta propiedad, el usuario puede cambiar la clase de un elemento a la clase deseada.
Acercarse:
Aquí, usamos la propiedad this.className para obtener el nombre de clase del elemento div actual. Aquí, hemos agregado cinco elementos div con un nombre de clase diferente y luego usamos la propiedad jQuery this.className para obtener el nombre de clase de los elementos div en los que se hizo clic y mostrarlo en la consola.
Sintaxis:
$("div").click(function () {
var getClass = this.className;
console.log(getClass);
});
Ejemplo:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>
How to find the class of the
clicked element using jquery?
</title>
<!-- Import jQuery cdn library -->
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$("div").click(function () {
var getClass = this.className;
console.log(getClass);
});
});
</script>
</head>
<body style="text-align: center;">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>
How to find the class of the
clicked element using jquery?
</h3>
<div class="main">Main Div</div>
<div class="GFG">GFG</div>
<div class="Geeks">Geeks</div>
<div class="G4G">GeeksforGeeks</div>
<div class="welcome">Welcome</div>
</body>
</html>
Producción:
