tiene - quitar una clase con javascript
Obtención de la clase del elemento que activó un evento utilizando JQuery (6)
¿Existe de todos modos para obtener la clase cuando se activa el evento click. Mi código como abajo, solo funciona para id pero no para clase.
$(document).ready(function() {
$("a").click(function(event) {
alert(event.target.id + " and " + event.target.class);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<body>
<a href="#" id="kana1" class="konbo">click me 1</a>
<a href="#" id="kana2" class="kinta">click me 2</a>
</body>
</html>
código jsfiddle here
Esto contendrá la clase completa (que puede ser varias clases separadas por espacios, si el elemento tiene más de una clase). En su código contendrá "konbo" o "kinta":
event.target.className
Puedes usar jQuery para verificar las clases por nombre:
$(event.target).hasClass(''konbo'');
y para agregarlos o eliminarlos con addClass y removeClass .
Obtendrá toda la clase en la siguiente matriz
event.target.classList
Si está utilizando jQuery 1.7:
alert($(this).prop("class"));
o:
alert($(event.target).prop("class"));
Teniendo en cuenta que el target puede no funcionar con todos los navegadores, funciona bien con Chrome, pero creo que Firefox (o IE / Edge, no puedo recordar) es un poco diferente y usa srcElement. Normalmente hago algo como
var t = ev.srcElement || ev.target;
conduciendo así a
$(document).ready(function() {
$("a").click(function(ev) {
// get target depending on what API''s in use
var t = ev.srcElement || ev.target;
alert(t.id+" and "+$(t).attr(''class''));
});
});
Gracias por las buenas respuestas!
Tratar:
$(document).ready(function() {
$("a").click(function(event) {
alert(event.target.id+" and "+$(event.target).attr(''class''));
});
});
$(document).ready(function() {
$("a").click(function(event) {
var myClass = $(this).attr("class");
var myId = $(this).attr(''id'');
alert(myClass + " " + myId);
});
})
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
</head>
<body>
<a href="#" id="kana1" class="konbo">click me 1</a>
<a href="#" id="kana2" class="kinta">click me 2</a>
</body>
</html>
Esto funciona para mi No hay función event.target.class en jQuery.